`
byandby
  • 浏览: 1697347 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

android Shader类简介_渲染图像示例

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



Activity01
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;

	@Override
	public 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
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对象 */
	Bitmap	mBitQQ	= null;
	int		BitQQwidth	= 0;
	int		BitQQheight	= 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();
		}
	}
}



源码附件
   
  • 大小: 59.4 KB
分享到:
评论
6 楼 zhao3546 2013-08-15  
必须要赞一个!
5 楼 zhao3546 2013-08-15  
必须要赞一个!
4 楼 feiljc 2013-06-05  
学习学习了,谢谢LZ
3 楼 crl7885 2013-01-31  
很好的例子 拿来学习学习
2 楼 xinqing08007 2012-08-03  
总结的很好,学习!!
1 楼 xvnnvx 2011-11-29  
学习了!!

相关推荐

    android_picture.zip_Android图像处理_android

    这个名为"android_picture.zip"的压缩包可能包含了各种Android图像处理的示例代码,帮助开发者实现不同的图像特效。以下是一些Android图像处理的关键知识点: 1. **Bitmap类**:在Android中,Bitmap是用于表示图像...

    在Android端使用compute shader加速计算

    在Android平台上,使用Compute Shader可以显著提升计算密集型任务的执行效率,特别是在图形处理和物理模拟等场景。Compute Shader是OpenGL ES 3.0引入的一个重要特性,它允许开发者利用GPU进行并行计算,不再局限于...

    opengl_shader_鱼眼校正

    OpenGL Shader是一种强大的图形编程工具,它允许程序员在GPU(图形处理器)上直接编写代码,以实现复杂的图形渲染效果。在本案例"opengl_shader_鱼眼校正"中,我们探讨的是如何使用OpenGL Shader来纠正鱼眼镜头产生...

    Android-AndroidGraphics示例

    Android的`Shader`类允许开发者编写自定义的顶点和片段着色器,实现定制的图形效果。 10. **硬件加速**: 自Android 3.0开始,Android系统默认开启了硬件加速,但这可能会导致一些问题。开发者需要了解何时关闭硬件...

    Android创建抗锯齿透明背景圆角图像

    Shader是Android图形渲染的一种方式,可以创建复杂的图案和颜色过渡。MatrixShader和BitmapShader等类可以用来创建圆角效果。例如,使用BitmapShader并结合Matrix的postScale和postRotate方法,可以将原始矩形图像...

    Android 图片滤镜渲染并保存到SD卡

    在Android开发中,图片滤镜渲染并保存到SD卡是一个常见的需求,这涉及到图像处理、图形渲染以及存储管理等多个方面。下面将详细讲解这个过程涉及的关键知识点。 首先,我们需要了解Android中的图片处理基础。...

    android游戏引擎libGDX 实例MeshColorTexture_20110222和源码2,很不错的,强烈推荐

    libGDX通过Texture类来处理图像资源,支持各种图像格式,如PNG、JPG等。颜色纹理可以通过Shader进行处理,实现复杂的光照效果、颜色混合和其他视觉特效。 4. 示例解析: "MeshColorTexture_20110222"示例可能包含一...

    Android应用源码之OPENG开发的示例代码.zip

    在这个名为"Android应用源码之OPENG开发的示例代码.zip"的压缩包中,包含了使用OpenGL ES进行Android应用开发的示例代码。 一、OpenGL ES基础 OpenGL ES是OpenGL的轻量级版本,主要用于资源有限的设备。它提供了...

    MyShaderDemo..

    Shader是计算机图形学中的一个重要概念,它是一种编程技术,用于控制计算机生成图像的外观和行为。在游戏开发、3D建模、动画制作等领域中,Shader扮演着关键角色,能够实现复杂的视觉效果,如光照、纹理映射、阴影...

    安卓Android源码——安卓Android创建抗锯齿透明背景圆角图像.rar

    压缩包内的`screenshot.png`可能是这个圆角图像示例的截图,展示了实际运行效果。而`RoundedImageView-master`可能是一个完整的项目示例,包含了自定义的`RoundedImageView`类,它扩展了Android的`ImageView`,并...

    Android 图像冰冻特效源码.zip

    "Android 图像冰冻特效源码"就是一个专注于这一领域的项目,它为开发者提供了实现图像冻结效果的代码示例。这个压缩包包含了必要的源码和相关文档,帮助开发者理解和学习如何在Android应用中创建独特的视觉体验。 ...

    Android GPUImage图像滤镜(图像处理)效果.zip

    4. **GLSurfaceView** 和 **EGLContext**:GPUImage通常会用到GLSurfaceView来渲染图像,EGLContext则是OpenGL ES上下文,用于管理图形状态和资源。 5. **图片格式转换**:由于GPUImage处理的图像数据通常需要是...

    android-图像处理demo

    同时,还可以进一步探索其他图像处理技术,如使用 Porter-Duff 模式进行混合,或者利用Shader进行更复杂的图像效果渲染。 总之,Android的Bitmap和ColorMatrix提供了一套强大而灵活的工具,帮助开发者实现各种图像...

    Android应用源码之ShaderSample.zip

    Android SDK提供了`GLSurfaceView`类来支持OpenGL ES的使用,这是实现Shader的主要接口。首先,你需要创建一个`GLSurfaceView`实例,并设置一个`GLSurfaceView.Renderer`,这个渲染器会包含对Shader的编写和使用。 ...

    AndroidShader示例代码

    Shader在Android中的应用主要涉及到两个类:`Shader`和`Paint`。`Shader`是颜色模式的容器,它可以包含线性渐变、径向渐变、位图纹理等不同的颜色模式。而`Paint`类则负责将`Shader`应用到画布上,它提供了设置颜色...

    使用BitmapShader实现图片圆角或圆形

    `BitmapShader`是Android图形库中的一个重要类,它可以将`Bitmap`对象用作着色器,从而控制图像的渲染方式。通过`BitmapShader`,我们可以设置图片的渲染模式,比如`SHADER_MODE_CLAMP_TO_EDGE`、`SHADER_MODE_...

    安卓Android源码——OpenGL3D01_3_漂亮的金字塔.zip

    通过学习和分析这个项目,你可以了解到如何在Android上使用OpenGL ES创建3D图形,理解渲染管线的工作原理,以及如何编写和使用Shader来实现各种视觉效果。同时,这也是一个很好的实践机会,帮助你掌握移动设备上的3D...

    android 圆角图片+图片倒影

    在Android开发中,创建圆角图片和图片倒影是常见的需求,这主要涉及到图像处理和视图绘制的技术。本文将详细讲解如何在Android平台上实现这些功能。 首先,让我们来看看如何生成圆角图片。在Android中,我们可以...

    Android 图像冰冻特效源码-IT计算机-毕业设计.zip

    本项目名为“Android图像冰冻特效源码”,它是一个适用于毕业设计学习的源码示例,可以帮助开发者理解如何在Android平台上实现复杂的视觉效果。下面我们将详细探讨这个项目的相关知识点。 1. **Android图形系统**: ...

Global site tag (gtag.js) - Google Analytics