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;

    @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)
• 下载次数: 526

• 查看图片附件