渲染

知识点

BitmapShader:位图的渲染

LinearGradient:线性渲染

ComposeShader:混合渲染

RadialGradient: 环形渲染

SweepGradient:梯形渲染

 

1.PorterDuff.Mode.CLEAR 所绘制不会提交到画布上。

2.PorterDuff.Mode.SRC 显示上层绘制图片 3

.PorterDuff.Mode.DST 显示下层绘制图片

4.PorterDuff.Mode.SRC_OVER 正常绘制显示，上下层绘制叠盖。

5.PorterDuff.Mode.DST_OVER 上下层都显示。下层居上显示。

6.PorterDuff.Mode.SRC_IN 取两层绘制交集。显示上层。 7.PorterDuff.Mode.DST_IN 取两层绘制交集。显示下层。 8.PorterDuff.Mode.SRC_OUT 取上层绘制非交集部分。 9.PorterDuff.Mode.DST_OUT 取下层绘制非交集部分。 10.PorterDuff.Mode.SRC_ATOP 取下层非交集部分与上层交集部分 11.PorterDuff.Mode.DST_ATOP 取上层非交集部分与下层交集部分 12.PorterDuff.Mode.XOR 取两层绘制非交集。两层绘制非交集。 13.PorterDuff.Mode.DARKEN 上下层都显示。变暗 14.PorterDuff.Mode.LIGHTEN 上下层都显示。变量

15.PorterDuff.Mode.MULTIPLY 取两层绘制交集 16.PorterDuff.Mode.SCREEN 上下层都显示。

 

 

代码示例

packdage com.example.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.Shader.TileMode;

import android.graphics.SweepGradient;

import android.graphics.drawable.BitmapDrawable;

import android.graphics.drawable.ShapeDrawable;

import android.graphics.drawable.shapes.OvalShape;

import android.view.View;

 

 

public class GameView extends View implements Runnable {

 

//声明位图对象

Bitmap bitQQ;

int bitQQWidth;

int bitQQHeight;

Paint mPaint;

 

//声明一个渲染Shader

Shader mbitmapShader=null;

//声明一个线性渲染

Shader mLinearGradient=null;

//声明一个混合渲染

Shader mComposeShader=null;

//唤醒渐变渲染

Shader mRadialGradient=null;

//梯度渲染

Shader mSweepGradient=null;

 

//绘制基本图形

ShapeDrawable mShapeDrawable=null;

 

public GameView(Context context) {

super(context);

// TODO Auto-generated constructor stub

//转载资源

bitQQ=((BitmapDrawable)getResources().getDrawable(R.drawable.qq)).getBitmap();

//得到图片的宽度和高度

bitQQHeight=bitQQ.getHeight();

bitQQWidth=bitQQ.getWidth();

 

//创建bitmapShader对象

/*

 * tileX  在位图上X方向花砖模式

 * tileY  在位图上y方向花砖模式

 * TileMode：（一共有三种）

 

CLAMP  ：如果渲染器超出原始边界范围，会复制范围内边缘染色。

 

REPEAT ：横向和纵向的重复渲染器图片，平铺。

 

MIRROR ：横向和纵向的重复渲染器图片，这个和REPEAT 重复方式不一样，他是以镜像方式平铺。

 

 * */

mbitmapShader=new BitmapShader(bitQQ, TileMode.REPEAT, TileMode.MIRROR);

/*创建linearGradient并设置渐变颜色数组*/

/**

 * float x0: 渐变起始点x坐标

 

float y0:渐变起始点y坐标

 

 

float x1:渐变结束点x坐标

 

 

float y1:渐变结束点y坐标

 

 

int[] colors:颜色 的int 数组

 

 

float[] positions: 相对位置的颜色数组,可为null,  若为null,可为null,颜色沿渐变线均匀分布

 

 

Shader.TileMode tile: 渲染器平铺模式

 

 * */

mLinearGradient=new LinearGradient(0, 0, 100, 100, 

new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.WHITE}, null, TileMode.REPEAT);

 

//这里笔者理解为混合渲染，其中PorterDuff.Mode.DARKEN模型是变暗

mComposeShader=new ComposeShader(mbitmapShader, mLinearGradient, PorterDuff.Mode.DARKEN);

 

/*构建mRadialGradient对象,并设置半径的属性*/

//new RadialGradient(x, y, radius, colors, positions, tile),圆心（参数1：x坐标,参数2:y坐标）,参数3：变径，参数6：模型

mRadialGradient =new RadialGradient(50, 200, 50, 

new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE}, null, TileMode.REPEAT);

/*构建mSweepGradient对象,梯度渲染*/

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 run() {

// TODO Auto-generated method stub

while (!Thread.currentThread().isInterrupted()) {

try {

Thread.sleep(100);

} catch (Exception e) {

// TODO: handle exception

Thread.currentThread().interrupt();

}

postInvalidate();

}

}

 

public void onDraw(Canvas canvas) {

super.onDraw(canvas);

 

//将图片裁剪为椭圆形

mShapeDrawable=new ShapeDrawable(new OvalShape());

//设置要绘制椭圆形为ShapeDrawable的图片

mShapeDrawable.getPaint().setShader(mbitmapShader);

//设置显示区域

mShapeDrawable.setBounds(0, 0, bitQQWidth, bitQQHeight);

//绘制ShapeDrawable

mShapeDrawable.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);

}

 

}

 

package com.example.examples_05_11;

 

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

 

public class MainActivity extends Activity {

 

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(new GameView(this));

    }