Android Shader类简介之渲染图像示例

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

       Shader类的使用，都需要先构建Shader对象，然后通过Paint的setShader方法设置渲染对象，然后设置渲染对象，然后再绘制时使用这个Paint对象即可。当然，用不同的渲染时需要构建不同的对象。  

下面是一个简单的示例，其实用起来比较简单了 只是方法参数比较多。但是还比较容易理解。

 
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. }

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

  Examples_05_11.rar