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

原文出自： http://byandby.iteye.com/blog/831011 

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();
         }
     }
 }

源码附件 
   

• Examples_05_11.rar (121.9 KB)