Android Shader類渲染圖像示例

Android中提供了Shader類專門用來渲染圖像以及一些幾何圖形，Shader下面包括幾個直接子類，分別是BitmapShader、 ComposeShader、LinearGradient、RadialGradient、SweepGradient。 BitmapShader主要用來渲染圖像，LinearGradient 用來進行梯度渲染，RadialGradient 用來進行環形渲染，SweepGradient 用來進行梯度渲染，ComposeShader則是一個 混合渲染，可以和其它幾個子類組合起來使用。
    Shader類的使用，都需要先構建Shader對象，然後通過Paint的setShader方法設置渲染對象，然後設置渲染對象，然後再繪製時使用這 個Paint對像即可。當然，用不同的渲染時需要構建不同的對象。  下面是一個簡單的示例，其實用起來比較簡單了 只是方法參數比較多。但是還比較容易理解。大家可以去翻翻API 這裡就不深入討論了，以後用到再說吧。

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. }  
    
35. GameView
    
36. 
    
37. package com.yarin.android.Examples_05_11;  
    
38.   
    
39. import android.content.Context;  
    
40. import android.graphics.Bitmap;  
    
41. import android.graphics.BitmapShader;  
    
42. import android.graphics.Canvas;  
    
43. import android.graphics.Color;  
    
44. import android.graphics.ComposeShader;  
    
45. import android.graphics.LinearGradient;  
    
46. import android.graphics.Paint;  
    
47. import android.graphics.PorterDuff;  
    
48. import android.graphics.RadialGradient;  
    
49. import android.graphics.Shader;  
    
50. import android.graphics.SweepGradient;  
    
51. import android.graphics.drawable.BitmapDrawable;  
    
52. import android.graphics.drawable.ShapeDrawable;  
    
53. import android.graphics.drawable.shapes.OvalShape;  
    
54. import android.view.KeyEvent;  
    
55. import android.view.MotionEvent;  
    
56. import android.view.View;  
    
57.   
    
58. public class GameView extends View implements Runnable  
    
59. {  
    
60.     /* 聲明Bitmap對像 */  
    
61.     Bitmap  mBitQQ  = null;  
    
62.     int     BitQQwidth  = 0;  
    
63.     int     BitQQheight = 0;  
    
64.       
    
65.     Paint   mPaint = null;  
    
66.            
    
67.     /* Bitmap渲染 */  
    
68.     Shader mBitmapShader = null;  
    
69.       
    
70.     /* 線性漸變渲染 */  
    
71.     Shader mLinearGradient = null;  
    
72.       
    
73.     /* 混合渲染 */  
    
74.     Shader mComposeShader = null;  
    
75.          
    
76.     /* 喚醒漸變渲染 */  
    
77.     Shader mRadialGradient = null;  
    
78.       
    
79.     /* 梯度渲染 */  
    
80.     Shader mSweepGradient = null;  
    
81.         
    
82.       
    
83.     ShapeDrawable mShapeDrawableQQ = null;  
    
84.         
    
85.     public GameView(Context context)  
    
86.     {  
    
87.         super(context);  
    
88.          
    
89.         /* 裝載資源 */  
    
90.         mBitQQ = ((BitmapDrawable) getResources().getDrawable(R.drawable.qq)).getBitmap();  
    
91.   
    
92.         /* 得到圖片的寬度和高度 */  
    
93.         BitQQwidth = mBitQQ.getWidth();  
    
94.         BitQQheight = mBitQQ.getHeight();  
    
95.          
    
96.         /* 創建BitmapShader對像 */  
    
97.         mBitmapShader = new BitmapShader(mBitQQ,Shader.TileMode.REPEAT,Shader.TileMode.MIRROR);  
    
98.          
    
99.         /* 創建LinearGradient並設置漸變的顏色數組 說明一下這幾天參數  
    
100.          * 第一個 起始的x坐標
     
101.          * 第二個 起始的y坐標
     
102.                  * 第三個 結束的x坐標
     
103.                  * 第四個 結束的y坐標
     
104.          * 第五個 顏色數組
     
105.          * 第六個 這個也是一個數組用來指定顏色數組的相對位置 如果為null 就沿坡度線均勻分佈
     
106.          * 第七個 渲染模式
     
107.          * */  
     
108.         mLinearGradient = new LinearGradient(0,0,100,100,  
     
109.                                              new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.WHITE},  
     
110.                                              null,Shader.TileMode.REPEAT);  
     
111.         /* 這裡理解為混合渲染*/  
     
112.         mComposeShader = new ComposeShader(mBitmapShader,mLinearGradient,PorterDuff.Mode.DARKEN);  
     
113.                  
     
114.         /* 構建RadialGradient對象，設置半徑的屬性 */  
     
115.         //這裡使用了BitmapShader和LinearGradient進行混合  
     
116.         //當然也可以使用其他的組合  
     
117.         //混合渲染的模式很多，可以根據自己需要來選擇  
     
118.         mRadialGradient = new RadialGradient(50,200,50,  
     
119.                                              new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},  
     
120.                                              null,Shader.TileMode.REPEAT);  
     
121.         /* 構建SweepGradient對像 */  
     
122.         mSweepGradient = new SweepGradient(30,30,new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},null);  
     
123.   
     
124.         mPaint = new Paint();  
     
125.          
     
126.         /* 開啟線程 */  
     
127.         new Thread(this).start();  
     
128.     }  
     
129.       
     
130.     public void onDraw(Canvas canvas)  
     
131.     {  
     
132.         super.onDraw(canvas);  
     
133.          
     
134.         //將圖片裁剪為橢圓形  
     
135.         /* 構建ShapeDrawable對象並定義形狀為橢圓 */  
     
136.         mShapeDrawableQQ = new ShapeDrawable(new OvalShape());  
     
137.   
     
138.         /* 設置要繪製的橢圓形的東西為ShapeDrawable圖片 */  
     
139.         mShapeDrawableQQ.getPaint().setShader(mBitmapShader);  
     
140.          
     
141.         /* 設置顯示區域 */  
     
142.         mShapeDrawableQQ.setBounds(0,0, BitQQwidth, BitQQheight);  
     
143.          
     
144.         /* 繪製ShapeDrawableQQ */  
     
145.         mShapeDrawableQQ.draw(canvas);        
     
146.          
     
147.         //繪製漸變的矩形  
     
148.         mPaint.setShader(mLinearGradient);  
     
149.         canvas.drawRect(BitQQwidth, 0, 320, 156, mPaint);  
     
150.               
     
151.         //顯示混合渲染效果  
     
152.         mPaint.setShader(mComposeShader);  
     
153.         canvas.drawRect(0, 300, BitQQwidth, 300+BitQQheight, mPaint);  
     
154.          
     
155.         //繪製環形漸變  
     
156.         mPaint.setShader(mRadialGradient);  
     
157.         canvas.drawCircle(50, 200, 50, mPaint);  
     
158.          
     
159.         //繪製梯度漸變  
     
160.         mPaint.setShader(mSweepGradient);  
     
161.         canvas.drawRect(150, 160, 300, 300, mPaint);  
     
162.          
     
163.     }  
     
164.       
     
165.     // 觸筆事件  
     
166.     public boolean onTouchEvent(MotionEvent event)  
     
167.     {  
     
168.         return true;  
     
169.     }  
     
170.   
     
171.   
     
172.     // 按鍵按下事件  
     
173.     public boolean onKeyDown(int keyCode, KeyEvent event)  
     
174.     {  
     
175.         return true;  
     
176.     }  
     
177.   
     
178.   
     
179.     // 按鍵彈起事件  
     
180.     public boolean onKeyUp(int keyCode, KeyEvent event)  
     
181.     {  
     
182.         return false;  
     
183.     }  
     
184.   
     
185.   
     
186.     public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event)  
     
187.     {  
     
188.         return true;  
     
189.     }  
     
190.       
     
191.       
     
192.     /**
     
193.      * 線程處理
     
194.      */  
     
195.     public void run()  
     
196.     {  
     
197.         while (!Thread.currentThread().isInterrupted())  
     
198.         {  
     
199.             try  
     
200.             {  
     
201.                 Thread.sleep(100);  
     
202.             }  
     
203.             catch (InterruptedException e)  
     
204.             {  
     
205.                 Thread.currentThread().interrupt();  
     
206.             }  
     
207.             //使用postInvalidate可以直接在線程中更新界面  
     
208.             postInvalidate();  
     
209.         }  
     
210.     }  
     
211. }

複製代碼