android Shader类简介_渲染图像示例

Android中提供了Shader类专门用来渲染图像以及一些几何图形，Shader下面包括几个直接子类，分别是BitmapShader、 ComposeShader、LinearGradient、RadialGradient、SweepGradient。 BitmapShader主要用来渲染图像，LinearGradient 用来进行梯度渲染，RadialGradient 用来进行环形渲染，SweepGradient 用来进行梯度渲染，ComposeShader则是一个混合渲染，可以和其它几个子类组合起来使用。
Shader类的使用，都需要先构建Shader对象，然后通过Paint的setShader方法设置渲染对象，然后设置渲染对象，然后再绘制时使用这个Paint对象即可。当然，用不同的渲染时需要构建不同的对象。下面是一个简单的示例，其实用起来比较简单了只是方法参数比较多。但是还比较容易理解。大家可以去翻翻API 这里就不深入讨论了，以后用到再说吧。

Activity01

package com.yarin.android.Examples_05_11;import android.app.Activity;import android.os.Bundle;import android.view.KeyEvent;public class Activity01 extends Activity {private GameView mGameView = null;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);mGameView = new GameView(this);setContentView(mGameView);}public boolean onKeyUp(int keyCode, KeyEvent event) {super.onKeyUp(keyCode, event);return true;}public boolean onKeyDown(int keyCode, KeyEvent event) {if (mGameView == null) {return false;}if (keyCode == KeyEvent.KEYCODE_BACK) {this.finish();return true;}return mGameView.onKeyDown(keyCode, event);}}

GameView

package com.yarin.android.Examples_05_11;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapShader;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.ComposeShader;import android.graphics.LinearGradient;import android.graphics.Paint;import android.graphics.PorterDuff;import android.graphics.RadialGradient;import android.graphics.Shader;import android.graphics.SweepGradient;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.ShapeDrawable;import android.graphics.drawable.shapes.OvalShape;import android.view.KeyEvent;import android.view.MotionEvent;import android.view.View;public class GameView extends View implements Runnable{/* 声明Bitmap对象 */BitmapmBitQQ= null;intBitQQwidth= 0;intBitQQheight= 0;Paint   mPaint = null;     /* Bitmap渲染 */Shader mBitmapShader = null;/* 线性渐变渲染 */Shader mLinearGradient = null;/* 混合渲染 */Shader mComposeShader = null;   /* 唤醒渐变渲染 */Shader mRadialGradient = null;/* 梯度渲染 */Shader mSweepGradient = null;  ShapeDrawable mShapeDrawableQQ = null;  public GameView(Context context){super(context);/* 装载资源 */mBitQQ = ((BitmapDrawable) getResources().getDrawable(R.drawable.qq)).getBitmap();/* 得到图片的宽度和高度 */BitQQwidth = mBitQQ.getWidth();BitQQheight = mBitQQ.getHeight();/* 创建BitmapShader对象 */mBitmapShader = new BitmapShader(mBitQQ,Shader.TileMode.REPEAT,Shader.TileMode.MIRROR);/* 创建LinearGradient并设置渐变的颜色数组 说明一下这几天参数  * 第一个 起始的x坐标 * 第二个 起始的y坐标                 * 第三个 结束的x坐标                 * 第四个 结束的y坐标 * 第五个 颜色数组 * 第六个 这个也是一个数组用来指定颜色数组的相对位置 如果为null 就沿坡度线均匀分布 * 第七个 渲染模式 * */mLinearGradient = new LinearGradient(0,0,100,100, new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.WHITE}, null,Shader.TileMode.REPEAT);/* 这里理解为混合渲染*/mComposeShader = new ComposeShader(mBitmapShader,mLinearGradient,PorterDuff.Mode.DARKEN);       /* 构建RadialGradient对象，设置半径的属性 *///这里使用了BitmapShader和LinearGradient进行混合//当然也可以使用其他的组合//混合渲染的模式很多，可以根据自己需要来选择mRadialGradient = new RadialGradient(50,200,50, new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE}, null,Shader.TileMode.REPEAT);/* 构建SweepGradient对象 */mSweepGradient = new SweepGradient(30,30,new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},null);mPaint = new Paint();/* 开启线程 */new Thread(this).start();}public void onDraw(Canvas canvas){super.onDraw(canvas);//将图片裁剪为椭圆形/* 构建ShapeDrawable对象并定义形状为椭圆 */mShapeDrawableQQ = new ShapeDrawable(new OvalShape());/* 设置要绘制的椭圆形的东西为ShapeDrawable图片 */mShapeDrawableQQ.getPaint().setShader(mBitmapShader);/* 设置显示区域 */mShapeDrawableQQ.setBounds(0,0, BitQQwidth, BitQQheight);/* 绘制ShapeDrawableQQ */mShapeDrawableQQ.draw(canvas); //绘制渐变的矩形mPaint.setShader(mLinearGradient);canvas.drawRect(BitQQwidth, 0, 320, 156, mPaint);        //显示混合渲染效果mPaint.setShader(mComposeShader);canvas.drawRect(0, 300, BitQQwidth, 300+BitQQheight, mPaint);//绘制环形渐变mPaint.setShader(mRadialGradient);canvas.drawCircle(50, 200, 50, mPaint);//绘制梯度渐变mPaint.setShader(mSweepGradient);canvas.drawRect(150, 160, 300, 300, mPaint);}// 触笔事件public boolean onTouchEvent(MotionEvent event){return true;}// 按键按下事件public boolean onKeyDown(int keyCode, KeyEvent event){return true;}// 按键弹起事件public boolean onKeyUp(int keyCode, KeyEvent event){return false;}public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event){return true;}/** * 线程处理 */public void run(){while (!Thread.currentThread().isInterrupted()){try{Thread.sleep(100);}catch (InterruptedException e){Thread.currentThread().interrupt();}//使用postInvalidate可以直接在线程中更新界面postInvalidate();}}}

源码附件

更多相关文章

随机推荐