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