Android BitmapShader 用法详解

原创
2014/12/14 23:55
阅读数 3.5K

一、Shader简介

Shader是一种光影效果,在一般的android开发中不常用,但有时却是非常重要的一种技术手段

  Android中提供了Shader类专门用来渲染图像以及一些几何图形,Shader下面包括几个直接子类,分别是BitmapShader、 ComposeShader、LinearGradient、RadialGradient、SweepGradient。 BitmapShader主要用来渲染图像,LinearGradient 用来进行梯度渲染,RadialGradient 用来进行环形渲染,SweepGradient 用来进行梯度渲染,ComposeShader则是一个 混合渲染,可以和其它几个子类组合起来使用。 
    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);
	}
}

View类

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

 

对于动画开发,Shader有时非常重要,特别的一种进度条动画,文字上出现左右滑动的Shader效果

 

三、关于基类BitmapShader

 

public   BitmapShader(Bitmap bitmap,Shader.TileMode tileX,Shader.TileMode tileY)

调用这个方法来产生一个画有一个位图的渲染器(Shader)。

bitmap   在渲染器内使用的位图

tileX      The tiling mode for x to draw the bitmap in.   在位图上X方向花砖模式

tileY     The tiling mode for y to draw the bitmap in.    在位图上Y方向花砖模式

 

TileMode:(一共有三种)

CLAMP  :如果渲染器超出原始边界范围,会复制范围内边缘染色。

REPEAT :横向和纵向的重复渲染器图片,平铺。

MIRROR :横向和纵向的重复渲染器图片,这个和REPEAT 重复方式不一样,他是以镜像方式平铺。

还是不太明白?那看一下效果图吧!

package xiaosi.BitmapShader;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.view.View;

public class BitmapShaders extends View
{
    private  BitmapShader bitmapShader = null;
    private Bitmap bitmap = null;
    private Paint paint = null;
    private ShapeDrawable shapeDrawable = null;
    private int BitmapWidth  = 0;
    private int BitmapHeight = 0;
	public BitmapShaders(Context context)
	{
		super(context);
		//得到图像
		bitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.h)).getBitmap();  
		BitmapWidth = bitmap.getWidth();
		BitmapHeight = bitmap.getHeight();
		//构造渲染器BitmapShader
		bitmapShader = new BitmapShader(bitmap,Shader.TileMode.MIRROR,Shader.TileMode.REPEAT);
	}
	@Override
	protected void onDraw(Canvas canvas)
	{
		super.onDraw(canvas);
		//将图片裁剪为椭圆形  
	    //构建ShapeDrawable对象并定义形状为椭圆  
		shapeDrawable = new ShapeDrawable(new OvalShape());
		//得到画笔并设置渲染器
		shapeDrawable.getPaint().setShader(bitmapShader);
		//设置显示区域
		shapeDrawable.setBounds(20, 20,BitmapWidth-60,BitmapHeight-60);
		//绘制shapeDrawable
		shapeDrawable.draw(canvas);
	}
}

参考:

http://www.php100.com/html/it/qianduan/2014/1226/8188.html

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
12 收藏
0
分享
返回顶部
顶部