Android之LinearGradient线性渲染

Android之LinearGradient线性渲染

一，简介

Paint p=new Paint();
LinearGradient lg=new LinearGradien(0,0,100,100,Color.RED,Color.BLUE,Shader.TileMode.MIRROR);  
参数一为渐变起初点坐标x位置，参数二为y轴位置，参数三和四分辨对应渐变终点，最后参数为平铺方式，这里设置为镜像

Gradient是基于Shader类，所以我们通过Paint的setShader方法来设置这个渐变，代码如下: mPaint.setShader(lg);
canvas.drawCicle(0,0,200,mPaint); //参数3为画圆的半径，类型为float型。

 

它除了定义开始颜色和结束颜色以外还可以定义，多种颜色组成的分段渐变效果
LinearGradient shader = new LinearGradient(0, 0, endX, endY, new int[]{startColor, midleColor, endColor},new float[]{0 , 0.5f, 1.0f}, TileMode.MIRROR);
其中参数new int[]{startColor, midleColor, endColor}是参与渐变效果的颜色集合，
其中参数new float[]{0 , 0.5f, 1.0f}是定义每个颜色处于的渐变相对位置，
这个参数可以为null，如果为null表示所有的颜色按顺序均匀的分布

二，实例

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