Android Shader的簡單使用

標籤：android   style   blog   http   io   ar   color   os   使用   

Shader是一種光影效果，在一般的android開發中不常用，但有時卻是非常重要的一種技術手段

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

package com.yarin.android.Examples_05_11;import android.app.Activity;import android.os.Bundle;import android.view.KeyEvent;public class Activity01 extends Activity {private GameView mGameView = null;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);mGameView = new GameView(this);setContentView(mGameView);}public boolean onKeyUp(int keyCode, KeyEvent event) {super.onKeyUp(keyCode, event);return true;}public boolean onKeyDown(int keyCode, KeyEvent event) {if (mGameView == null) {return false;}if (keyCode == KeyEvent.KEYCODE_BACK) {this.finish();return true;}return mGameView.onKeyDown(keyCode, event);}}

View類

package com.yarin.android.Examples_05_11;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapShader;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.ComposeShader;import android.graphics.LinearGradient;import android.graphics.Paint;import android.graphics.PorterDuff;import android.graphics.RadialGradient;import android.graphics.Shader;import android.graphics.SweepGradient;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.ShapeDrawable;import android.graphics.drawable.shapes.OvalShape;import android.view.KeyEvent;import android.view.MotionEvent;import android.view.View;public class GameView extends View implements Runnable{/* 聲明Bitmap對象 */BitmapmBitQQ= null;intBitQQwidth= 0;intBitQQheight= 0;Paint   mPaint = null;     /* Bitmap渲染 */Shader mBitmapShader = null;/* 線性漸層渲染 */Shader mLinearGradient = null;/* 混合渲染 */Shader mComposeShader = null;   /* 喚醒漸層渲染 */Shader mRadialGradient = null;/* 梯度渲染 */Shader mSweepGradient = null;  ShapeDrawable mShapeDrawableQQ = null;  public GameView(Context context){super(context);/* 裝載資源 */mBitQQ = ((BitmapDrawable) getResources().getDrawable(R.drawable.qq)).getBitmap();/* 得到圖片的寬度和高度 */BitQQwidth = mBitQQ.getWidth();BitQQheight = mBitQQ.getHeight();/* 建立BitmapShader對象 */mBitmapShader = new BitmapShader(mBitQQ,Shader.TileMode.REPEAT,Shader.TileMode.MIRROR);/* 建立LinearGradient並設定漸層的顏色數組 說明一下這幾天參數  * 第一個 起始的x座標 * 第二個 起始的y座標                 * 第三個 結束的x座標                 * 第四個 結束的y座標 * 第五個 顏色數組 * 第六個 這個也是一個數組用來指定顏色數組的相對位置 如果為null 就沿坡度線均勻分布 * 第七個 渲染模式 * */mLinearGradient = new LinearGradient(0,0,100,100, new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.WHITE}, null,Shader.TileMode.REPEAT);/* 這裡理解為混合渲染*/mComposeShader = new ComposeShader(mBitmapShader,mLinearGradient,PorterDuff.Mode.DARKEN);       /* 構建RadialGradient對象，設定半徑的屬性 *///這裡使用了BitmapShader和LinearGradient進行混合//當然也可以使用其他的組合//混合渲染的模式很多，可以根據自己需要來選擇mRadialGradient = new RadialGradient(50,200,50, new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE}, null,Shader.TileMode.REPEAT);/* 構建SweepGradient對象 */mSweepGradient = new SweepGradient(30,30,new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},null);mPaint = new Paint();/* 開啟線程 */new Thread(this).start();}public void onDraw(Canvas canvas){super.onDraw(canvas);//將圖片裁剪為橢圓形/* 構建ShapeDrawable對象並定義形狀為橢圓 */mShapeDrawableQQ = new ShapeDrawable(new OvalShape());/* 設定要繪製的橢圓形的東西為ShapeDrawable圖片 */mShapeDrawableQQ.getPaint().setShader(mBitmapShader);/* 設定顯示地區 */mShapeDrawableQQ.setBounds(0,0, BitQQwidth, BitQQheight);/* 繪製ShapeDrawableQQ */mShapeDrawableQQ.draw(canvas); //繪製漸層的矩形mPaint.setShader(mLinearGradient);canvas.drawRect(BitQQwidth, 0, 320, 156, mPaint);        //顯示混合渲染效果mPaint.setShader(mComposeShader);canvas.drawRect(0, 300, BitQQwidth, 300+BitQQheight, mPaint);//繪製環形漸層mPaint.setShader(mRadialGradient);canvas.drawCircle(50, 200, 50, mPaint);//繪製梯度漸層mPaint.setShader(mSweepGradient);canvas.drawRect(150, 160, 300, 300, mPaint);}// 觸筆事件public boolean onTouchEvent(MotionEvent event){return true;}// 按鍵按下事件public boolean onKeyDown(int keyCode, KeyEvent event){return true;}// 按鍵彈起事件public boolean onKeyUp(int keyCode, KeyEvent event){return false;}public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event){return true;}/** * 線程處理 */public void run(){while (!Thread.currentThread().isInterrupted()){try{Thread.sleep(100);}catch (InterruptedException e){Thread.currentThread().interrupt();}//使用postInvalidate可以直接線上程中更新介面postInvalidate();}}}

對於動畫開發,Shader有時非常重要，特別的一種進度條動畫，文字上出現左右滑動的Shader效果

轉載自：http://byandby.iteye.com/blog/831011

Android Shader的簡單使用