Android 台灣中文網

標題: Android Shader類渲染圖像示例 [打印本頁]
作者: 暗桌之光    時間: 2011-6-12 13:55
標題: 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

  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. }
複製代碼




歡迎光臨 Android 台灣中文網 (https://apk.tw/) Powered by Discuz! X3.1