LinearGradient线性渲染

[java] view plaincopy

1. package shader.yb;  
2.   
3. import android.content.Context;  
4. import android.graphics.Canvas;  
5. import android.graphics.Color;  
6. import android.graphics.LinearGradient;  
7. import android.graphics.Paint;  
8. import android.graphics.Shader;  
9. import android.view.View;  
10.   
11. /** 
12.  * @author yubin 
13.  * @version 2012-8-14 上午10:45:28 
14.  **/  
15. public class myGameView extends View implements Runnable {  
16.     int bitwidth = 0;  
17.     int bitheight = 0;  
18.     Paint mPaint = null;  
19.     // 线性渐变渲染  
20.     Shader mLinearGradient1 = null;  
21.     // 线性渐变渲染  
22.     Shader mLinearGradient2 = null;  
23.     // 线性渐变渲染  
24.     Shader mLinearGradient3 = null;  
25.   
26.     public myGameView(Context context) {  
27.         super(context);  
28.         // 创建LinearGradient并设置渐变颜色数组  
29.         // 第一个,第二个参数表示渐变起点 可以设置起点终点在对角等任意位置  
30.         // 第三个,第四个参数表示渐变终点  
31.         // 第五个参数表示渐变颜色  
32.         // 第六个参数可以为空,表示坐标,值为0-1 new float[] {0.25f, 0.5f, 0.75f, 1 }  
33.         // 如果这是空的，颜色均匀分布，沿梯度线。  
34.         // 第七个表示平铺方式  
35.         // CLAMP重复最后一个颜色至最后  
36.         // MIRROR重复着色的图像水平或垂直方向已镜像方式填充会有翻转效果  
37.         // REPEAT重复着色的图像水平或垂直方向  
38.         mLinearGradient1 = new LinearGradient(0, 0, 0, 100, new int[] {  
39.                 Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,  
40.                 Shader.TileMode.CLAMP);  
41.         mLinearGradient2 = new LinearGradient(0, 0, 0, 100, new int[] {  
42.                 Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,  
43.                 Shader.TileMode.MIRROR);  
44.         mLinearGradient3 = new LinearGradient(0, 0, 0, 100, new int[] {  
45.                 Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,  
46.                 Shader.TileMode.REPEAT);  
47.         mPaint = new Paint();  
48.         new Thread(this).start();  
49.     }  
50.   
51.     @Override  
52.     protected void onDraw(Canvas canvas) {  
53.         // LinearGradient的高度只有100而绘制的矩形有200所以才会有重复  
54.         // 如果高度两者相同clamp重复是看不出效果的  
55.         Paint paint = new Paint();  
56.         paint.setTextSize(20);  
57.         paint.setColor(Color.WHITE);  
58.         // 绘制渐变的矩形  
59.         mPaint.setShader(mLinearGradient1);  
60.         canvas.drawRect(0, 0, 200, 200, mPaint);  
61.         canvas.drawText("CLAMP", 0, 200 + 20, paint);  
62.         // 绘制渐变的矩形  
63.         mPaint.setShader(mLinearGradient2);  
64.         canvas.drawRect(0, 250, 200, 450, mPaint);  
65.         canvas.drawText("MIRROR", 0, 450 + 20, paint);  
66.         // 绘制渐变的矩形  
67.         mPaint.setShader(mLinearGradient3);  
68.         canvas.drawRect(0, 500, 200, 700, mPaint);  
69.         canvas.drawText("REPEAT", 0, 700 + 20, paint);  
70.     }  
71.   
72.     @Override  
73.     public void run() {  
74.         while(!Thread.currentThread().isInterrupted()) {  
75.             try {  
76.                 Thread.sleep(100);  
77.             }  
78.             catch(Exception e) {  
79.                 Thread.currentThread().interrupt();  
80.             }  
81.             postInvalidate();  
82.         }  
83.     }  
84. }  

效果图