android Shader类简介_渲染图像

Android中提供了Shader类专门用来渲染图像以及一些几何图形，Shader下面包括几个直接子类，分别是BitmapShader、 ComposeShader、LinearGradient、RadialGradient、SweepGradient。 BitmapShader主要用来渲染图像，LinearGradient 用来进行梯度渲染，RadialGradient 用来进行环形渲染，SweepGradient 用来进行梯度渲染，ComposeShader则是一个混合渲染，可以和其它几个子类组合起来使用。
Shader类的使用，都需要先构建Shader对象，然后通过Paint的setShader方法设置渲染对象，然后设置渲染对象，然后再绘制时使用这个Paint对象即可。当然，用不同的渲染时需要构建不同的对象。下面是一个简单的示例，其实用起来比较简单了只是方法参数比较多。但是还比较容易理解。大家可以去翻翻API 这里就不深入讨论了，以后用到再说吧。

android Shader类简介_渲染图像_第1张图片

Activity01
Java代码

packagecom.yarin.android.Examples_05_11;
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.KeyEvent;
publicclassActivity01extendsActivity{
privateGameViewmGameView=null;
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
mGameView=newGameView(this);
setContentView(mGameView);
}
publicbooleanonKeyUp(intkeyCode,KeyEventevent){
super.onKeyUp(keyCode,event);
returntrue;
}
publicbooleanonKeyDown(intkeyCode,KeyEventevent){
if(mGameView==null){
returnfalse;
}
if(keyCode==KeyEvent.KEYCODE_BACK){
this.finish();
returntrue;
}
returnmGameView.onKeyDown(keyCode,event);
}
}

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);}}

GameView
Java代码

packagecom.yarin.android.Examples_05_11;
importandroid.content.Context;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapShader;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.ComposeShader;
importandroid.graphics.LinearGradient;
importandroid.graphics.Paint;
importandroid.graphics.PorterDuff;
importandroid.graphics.RadialGradient;
importandroid.graphics.Shader;
importandroid.graphics.SweepGradient;
importandroid.graphics.drawable.BitmapDrawable;
importandroid.graphics.drawable.ShapeDrawable;
importandroid.graphics.drawable.shapes.OvalShape;
importandroid.view.KeyEvent;
importandroid.view.MotionEvent;
importandroid.view.View;
publicclassGameViewextendsViewimplementsRunnable
{
/*声明Bitmap对象*/
BitmapmBitQQ=null;
intBitQQwidth=0;
intBitQQheight=0;
PaintmPaint=null;
/*Bitmap渲染*/
ShadermBitmapShader=null;
/*线性渐变渲染*/
ShadermLinearGradient=null;
/*混合渲染*/
ShadermComposeShader=null;
/*唤醒渐变渲染*/
ShadermRadialGradient=null;
/*梯度渲染*/
ShadermSweepGradient=null;
ShapeDrawablemShapeDrawableQQ=null;
publicGameView(Contextcontext)
{
super(context);
/*装载资源*/
mBitQQ=((BitmapDrawable)getResources().getDrawable(R.drawable.qq)).getBitmap();
/*得到图片的宽度和高度*/
BitQQwidth=mBitQQ.getWidth();
BitQQheight=mBitQQ.getHeight();
/*创建BitmapShader对象*/
mBitmapShader=newBitmapShader(mBitQQ,Shader.TileMode.REPEAT,Shader.TileMode.MIRROR);
/*创建LinearGradient并设置渐变的颜色数组说明一下这几天参数
*第一个起始的x坐标
*第二个起始的y坐标
*第三个结束的x坐标
*第四个结束的y坐标
*第五个颜色数组
*第六个这个也是一个数组用来指定颜色数组的相对位置如果为null就沿坡度线均匀分布
*第七个渲染模式
**/
mLinearGradient=newLinearGradient(0,0,100,100,
newint[]{Color.RED,Color.GREEN,Color.BLUE,Color.WHITE},
null,Shader.TileMode.REPEAT);
/*这里理解为混合渲染*/
mComposeShader=newComposeShader(mBitmapShader,mLinearGradient,PorterDuff.Mode.DARKEN);
/*构建RadialGradient对象，设置半径的属性*/
//这里使用了BitmapShader和LinearGradient进行混合
//当然也可以使用其他的组合
//混合渲染的模式很多，可以根据自己需要来选择
mRadialGradient=newRadialGradient(50,200,50,
newint[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},
null,Shader.TileMode.REPEAT);
/*构建SweepGradient对象*/
mSweepGradient=newSweepGradient(30,30,newint[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},null);
mPaint=newPaint();
/*开启线程*/
newThread(this).start();
}
publicvoidonDraw(Canvascanvas)
{
super.onDraw(canvas);
//将图片裁剪为椭圆形
/*构建ShapeDrawable对象并定义形状为椭圆*/
mShapeDrawableQQ=newShapeDrawable(newOvalShape());
/*设置要绘制的椭圆形的东西为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);
}
//触笔事件
publicbooleanonTouchEvent(MotionEventevent)
{
returntrue;
}
//按键按下事件
publicbooleanonKeyDown(intkeyCode,KeyEventevent)
{
returntrue;
}
//按键弹起事件
publicbooleanonKeyUp(intkeyCode,KeyEventevent)
{
returnfalse;
}
publicbooleanonKeyMultiple(intkeyCode,intrepeatCount,KeyEventevent)
{
returntrue;
}
/**
*线程处理
*/
publicvoidrun()
{
while(!Thread.currentThread().isInterrupted())
{
try
{
Thread.sleep(100);
}
catch(InterruptedExceptione)
{
Thread.currentThread().interrupt();
}
//使用postInvalidate可以直接在线程中更新界面
postInvalidate();
}
}
}

更多相关文章

随机推荐