android Shader类简介_渲染图像示例
NoellaFrizz
9年前
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; @Override public 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对象 */ Bitmap mBitQQ = null; int BitQQwidth = 0; int BitQQheight = 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(); } } }
转自：http://byandby.iteye.com/blog/831011