天天看點

LinearGradient線性渲染

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Shader;
import android.view.View;

/**
 * @version 2012-8-14 上午10:45:28
 **/
public class myGameView extends View implements Runnable {
    int bitwidth = 0;
    int bitheight = 0;
    Paint mPaint = null;
    // 線性漸變渲染
    Shader mLinearGradient1 = null;
    // 線性漸變渲染
    Shader mLinearGradient2 = null;
    // 線性漸變渲染
    Shader mLinearGradient3 = null;

    public myGameView(Context context) {
        super(context);
        // 建立LinearGradient并設定漸變顔色數組
        // 第一個,第二個參數表示漸變起點 可以設定起點終點在對角等任意位置
        // 第三個,第四個參數表示漸變終點
        // 第五個參數表示漸變顔色
        // 第六個參數可以為空,表示坐标,值為0-1 new float[] {0.25f, 0.5f, 0.75f, 1 }
        // 如果這是空的,顔色均勻分布,沿梯度線。
        // 第七個表示平鋪方式
        // CLAMP重複最後一個顔色至最後
        // MIRROR重複着色的圖像水準或垂直方向已鏡像方式填充會有翻轉效果
        // REPEAT重複着色的圖像水準或垂直方向
        mLinearGradient1 = new LinearGradient(0, 0, 0, 100, new int[] {
                Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.CLAMP);
        mLinearGradient2 = new LinearGradient(0, 0, 0, 100, new int[] {
                Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.MIRROR);
        mLinearGradient3 = new LinearGradient(0, 0, 0, 100, new int[] {
                Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.REPEAT);
        mPaint = new Paint();
        new Thread(this).start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // LinearGradient的高度隻有100而繪制的矩形有200是以才會有重複
        // 如果高度兩者相同clamp重複是看不出效果的
        Paint paint = new Paint();
        paint.setTextSize(20);
        paint.setColor(Color.WHITE);
        // 繪制漸變的矩形
        mPaint.setShader(mLinearGradient1);
        canvas.drawRect(0, 0, 200, 200, mPaint);
        canvas.drawText("CLAMP", 0, 200 + 20, paint);
        // 繪制漸變的矩形
        mPaint.setShader(mLinearGradient2);
        canvas.drawRect(0, 250, 200, 450, mPaint);
        canvas.drawText("MIRROR", 0, 450 + 20, paint);
        // 繪制漸變的矩形
        mPaint.setShader(mLinearGradient3);
        canvas.drawRect(0, 500, 200, 700, mPaint);
        canvas.drawText("REPEAT", 0, 700 + 20, paint);
    }

    @Override
    public void run() {
        while(!Thread.currentThread().isInterrupted()) {
            try {
                Thread.sleep(100);
            }
            catch(Exception e) {
                Thread.currentThread().interrupt();
            }
            postInvalidate();
        }
    }
}
           

效果圖

LinearGradient線性渲染

繼續閱讀