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

Java代码  

1. package com.yarin.android.Examples_05_11;   
2.   
3. import android.app.Activity;   
4. import android.os.Bundle;   
5. import android.view.KeyEvent;   
6.   
7. public class Activity01 extends Activity {   
8.     private GameView mGameView = null;   
9.   
10.     @Override  
11.     public void onCreate(Bundle savedInstanceState) {   
12.         super.onCreate(savedInstanceState);   
13.   
14.         mGameView = new GameView(this);   
15.   
16.         setContentView(mGameView);   
17.     }   
18.   
19.     public boolean onKeyUp(int keyCode, KeyEvent event) {   
20.         super.onKeyUp(keyCode, event);   
21.         return true;   
22.     }   
23.   
24.     public boolean onKeyDown(int keyCode, KeyEvent event) {   
25.         if (mGameView == null) {   
26.             return false;   
27.         }   
28.         if (keyCode == KeyEvent.KEYCODE_BACK) {   
29.             this.finish();   
30.             return true;   
31.         }   
32.         return mGameView.onKeyDown(keyCode, event);   
33.     }   
34. }  

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

Java代码  

1. package com.yarin.android.Examples_05_11;   
2.   
3. import android.content.Context;   
4. import android.graphics.Bitmap;   
5. import android.graphics.BitmapShader;   
6. import android.graphics.Canvas;   
7. import android.graphics.Color;   
8. import android.graphics.ComposeShader;   
9. import android.graphics.LinearGradient;   
10. import android.graphics.Paint;   
11. import android.graphics.PorterDuff;   
12. import android.graphics.RadialGradient;   
13. import android.graphics.Shader;   
14. import android.graphics.SweepGradient;   
15. import android.graphics.drawable.BitmapDrawable;   
16. import android.graphics.drawable.ShapeDrawable;   
17. import android.graphics.drawable.shapes.OvalShape;   
18. import android.view.KeyEvent;   
19. import android.view.MotionEvent;   
20. import android.view.View;   
21.   
22. public class GameView extends View implements Runnable   
23. {   
24.     /* 声明Bitmap对象 */  
25.     Bitmap  mBitQQ  = null;   
26.     int     BitQQwidth  = 0;   
27.     int     BitQQheight = 0;   
28.        
29.     Paint   mPaint = null;   
30.             
31.     /* Bitmap渲染 */  
32.     Shader mBitmapShader = null;   
33.        
34.     /* 线性渐变渲染 */  
35.     Shader mLinearGradient = null;   
36.        
37.     /* 混合渲染 */  
38.     Shader mComposeShader = null;   
39.           
40.     /* 唤醒渐变渲染 */  
41.     Shader mRadialGradient = null;   
42.        
43.     /* 梯度渲染 */  
44.     Shader mSweepGradient = null;   
45.          
46.        
47.     ShapeDrawable mShapeDrawableQQ = null;   
48.          
49.     public GameView(Context context)   
50.     {   
51.         super(context);   
52.            
53.         /* 装载资源 */  
54.         mBitQQ = ((BitmapDrawable) getResources().getDrawable(R.drawable.qq)).getBitmap();   
55.   
56.         /* 得到图片的宽度和高度 */  
57.         BitQQwidth = mBitQQ.getWidth();   
58.         BitQQheight = mBitQQ.getHeight();   
59.            
60.         /* 创建BitmapShader对象 */  
61.         mBitmapShader = new BitmapShader(mBitQQ,Shader.TileMode.REPEAT,Shader.TileMode.MIRROR);   
62.            
63.         /* 创建LinearGradient并设置渐变的颜色数组 说明一下这几天参数  
64.          * 第一个 起始的x坐标  
65.          * 第二个 起始的y坐标  
66.                  * 第三个 结束的x坐标  
67.                  * 第四个 结束的y坐标  
68.          * 第五个 颜色数组  
69.          * 第六个 这个也是一个数组用来指定颜色数组的相对位置 如果为null 就沿坡度线均匀分布 
70.          * 第七个 渲染模式  
71.          * */  
72.         mLinearGradient = new LinearGradient(0,0,100,100,   
73.                                              new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.WHITE},   
74.                                              null,Shader.TileMode.REPEAT);   
75.         /* 这里理解为混合渲染*/  
76.         mComposeShader = new ComposeShader(mBitmapShader,mLinearGradient,PorterDuff.Mode.DARKEN);   
77.                   
78.         /* 构建RadialGradient对象，设置半径的属性 */  
79.         //这里使用了BitmapShader和LinearGradient进行混合  
80.         //当然也可以使用其他的组合   
81.         //混合渲染的模式很多，可以根据自己需要来选择   
82.         mRadialGradient = new RadialGradient(50,200,50,   
83.                                              new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},   
84.                                              null,Shader.TileMode.REPEAT);   
85.         /* 构建SweepGradient对象 */  
86.         mSweepGradient = new SweepGradient(30,30,new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},null);   
87.   
88.         mPaint = new Paint();   
89.            
90.         /* 开启线程 */  
91.         new Thread(this).start();   
92.     }   
93.        
94.     public void onDraw(Canvas canvas)   
95.     {   
96.         super.onDraw(canvas);   
97.            
98.         //将图片裁剪为椭圆形   
99.         /* 构建ShapeDrawable对象并定义形状为椭圆 */  
100.         mShapeDrawableQQ = new ShapeDrawable(new OvalShape());   
101.   
102.         /* 设置要绘制的椭圆形的东西为ShapeDrawable图片 */  
103.         mShapeDrawableQQ.getPaint().setShader(mBitmapShader);   
104.            
105.         /* 设置显示区域 */  
106.         mShapeDrawableQQ.setBounds(0,0, BitQQwidth, BitQQheight);   
107.            
108.         /* 绘制ShapeDrawableQQ */  
109.         mShapeDrawableQQ.draw(canvas);         
110.            
111.         //绘制渐变的矩形   
112.         mPaint.setShader(mLinearGradient);   
113.         canvas.drawRect(BitQQwidth, 0, 320, 156, mPaint);   
114.                
115.         //显示混合渲染效果   
116.         mPaint.setShader(mComposeShader);   
117.         canvas.drawRect(0, 300, BitQQwidth, 300+BitQQheight, mPaint);   
118.            
119.         //绘制环形渐变   
120.         mPaint.setShader(mRadialGradient);   
121.         canvas.drawCircle(50, 200, 50, mPaint);   
122.            
123.         //绘制梯度渐变   
124.         mPaint.setShader(mSweepGradient);   
125.         canvas.drawRect(150, 160, 300, 300, mPaint);   
126.            
127.     }   
128.        
129.     // 触笔事件   
130.     public boolean onTouchEvent(MotionEvent event)   
131.     {   
132.         return true;   
133.     }   
134.   
135.   
136.     // 按键按下事件   
137.     public boolean onKeyDown(int keyCode, KeyEvent event)   
138.     {   
139.         return true;   
140.     }   
141.   
142.   
143.     // 按键弹起事件   
144.     public boolean onKeyUp(int keyCode, KeyEvent event)   
145.     {   
146.         return false;   
147.     }   
148.   
149.   
150.     public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event)   
151.     {   
152.         return true;   
153.     }   
154.        
155.        
156.     /**  
157.      * 线程处理  
158.      */  
159.     public void run()   
160.     {   
161.         while (!Thread.currentThread().isInterrupted())   
162.         {   
163.             try  
164.             {   
165.                 Thread.sleep(100);   
166.             }   
167.             catch (InterruptedException e)   
168.             {   
169.                 Thread.currentThread().interrupt();   
170.             }   
171.             //使用postInvalidate可以直接在线程中更新界面  
172.             postInvalidate();   
173.         }   
174.     }   
175. }  

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

• 
• 大小: 59.4 KB