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

Android中提供了Shader类专门用来渲染图像以及一些几何图形，Shader下面包括几个直接子类，分别是BitmapShader、 ComposeShader、LinearGradient、RadialGradient、SweepGradient。 BitmapShader主要用来渲染图像，LinearGradient 用来进行梯度渲染，RadialGradient 用来进行环形渲染，SweepGradient 用来进行梯度渲染，ComposeShader则是一个 混合渲染，可以和其它几个子类组合起来使用。 
    Shader类的使用，都需要先构建Shader对象，然后通过Paint的setShader方法设置渲染对象，然后设置渲染对象，然后再绘制时使用这个Paint对象即可。当然，用不同的渲染时需要构建不同的对象。  下面是一个简单的示例，其实用起来比较简单了 只是方法参数比较多。但是还比较容易理解。大家可以去翻翻API 这里就不深入讨论了，以后用到再说吧。

Activity01

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

GameView

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

http://byandby.iteye.com/blog/831011