Android 颜色渲染Shader

最新推荐文章于 2021-05-29 20:18:47 发布
最新推荐文章于 2021-05-29 20:18:47 发布
阅读量660 收藏 1
点赞数
分类专栏： android 文章标签： android 图形
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YYYQQ4/article/details/40782889
版权

在Android中可以使用Shader对象指定的渲染效果来填充图形。Shader本身是一个抽象类，提供如下实现类：

 BitmapShader：使用位图平铺的渲染效果

 LinearGradient：使用线性渐变来填充图形

 RadialGradient：使用圆形渐变来填充图形

 SweepGradient：使用角度渐变来填充图形

 ComposeShader：使用组合渲染来填充图形

 

使用时可以通过paint.setShader(Shader shader);来实现一些渲染效果。

定义了3种平铺模式：

static final Shader.TileMode CLAMP: 边缘拉伸

static final Shader.TileMode MIRROR：在水平方向和垂直方向交替景象, 两个相邻图像间没有缝隙

Static final Shader.TillMode REPETA：在水平方向和垂直方向重复摆放,两个相邻图像间有缝隙

 

BitmapShader位图渲染

public   BitmapShader(Bitmap bitmap,Shader.TileMode tileX,Shader.TileMode tileY)

调用这个方法来产生一个画有一个位图的渲染器（Shader）。

bitmap:在渲染器内使用的位图

tileX :在位图上X方向渲染器平铺模式

tileY:在位图上Y方向渲染器平铺模式

 

 

LinearGradient线性渲染

public LinearGradient(floatx0, float y0, float x1, float y1, int[] colors, float[] positions,Shader.TileMode tile) 

参数:

float x0: 渐变起始点x坐标

float y0:渐变起始点y坐标

float x1:渐变结束点x坐标

float y1:渐变结束点y坐标

int[] colors:颜色 的int 数组

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

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

 

public LinearGradient(floatx0, float y0, float x1, float y1, int color0, int color1,Shader.TileMode tile)

float x0: 渐变起始点x坐标

float y0:渐变起始点y坐标

float x1:渐变结束点x坐标

float y1:渐变结束点y坐标

int color0: 起始渐变色
int color1: 结束渐变色

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

 

RadialGradient环形渲染

public RadialGradient(float x, float y, floatradius, int[] colors, float[] positions,Shader.TileMode tile)

float x:  圆心X坐标

float y:  圆心Y坐标

float radius: 半径

int[] colors: 渲染颜色数组

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

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

 

public RadialGradient(float x, float y, floatradius, int color0, int color1,Shader.TileMode tile)

float x:  圆心X坐标

float y:  圆心Y坐标

float radius: 半径

int color0: 圆心颜色

int color1: 圆边缘颜色

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

 

SweepGradient 扫描/梯度渲染

public SweepGradient(floatcx, float cy, int[] colors, float[] positions)

cx：渲染中心点x 坐标

cy：渲染中心y 点坐标

colors：围绕中心渲染的颜色数组，至少要有两种颜色值

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

 

public SweepGradient(floatcx, float cy, int color0, int color1)

cx：渲染中心点x 坐标

cy：渲染中心y 点坐标

color0：起始渲染颜色

color1：结束渲染颜色

 

 ComposeShader组合渲染

public ComposeShader(Shader shaderA,Shader shaderB, Xfermode mode)

shaderA：渲染器A,Shader及其子类对象

shaderB: 渲染器B,Shader及其子类对象

mode：两种渲染器组合的模式,Xfermode对象

 

public ComposeShader(Shader shaderA,Shader shaderB, PorterDuff.Mode mode)

shaderA：渲染器A,Shader及其子类对象

shaderB: 渲染器B,Shader及其子类对象

mode：两种渲染器组合的模式, ProterDuff.Mode对象

 

PorterDuff.Mode为枚举类,一共有16个枚举值：

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    取两图层全部区域，交集部分变为透明色


示例代码：

public class ShaderTest extends Activity implements OnClickListener{
	
	private Shader[] shaders = new Shader[5];// 声明位图渲染对象
	private int[] colors;// 声明颜色数组
	MyView myView;// 自定义视图类
	
	@Override
	public void onCreate(Bundle savedInstanceState){
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		myView = (MyView)findViewById(R.id.my_view);
		// 获得Bitmap实例
		Bitmap bm = BitmapFactory.decodeResource(getResources(), R.drawable.water);
		// 设置渐变的颜色组，也就是按红、绿、蓝的方式渐变
		colors = new int[] { Color.RED, Color.GREEN, Color.BLUE };
		// 实例化BitmapShader,x坐标方向重复图形，y坐标方向镜像图形
		shaders[0] = new BitmapShader(bm, TileMode.REPEAT, TileMode.MIRROR);
		// 实例化LinearGradient
		shaders[1] = new LinearGradient(0, 0, 100, 100, colors, null, TileMode.REPEAT);
		// 实例化RadialGradient
		shaders[2] = new RadialGradient(100, 100, 80, colors, null, TileMode.REPEAT);
		// 实例化SweepGradient
		shaders[3] = new SweepGradient(160, 160, colors, null);
		// 实例化ComposeShader
		shaders[4] = new ComposeShader(shaders[1], shaders[2], PorterDuff.Mode.DARKEN);
		Button bn1 = (Button)findViewById(R.id.bn1);
		Button bn2 = (Button)findViewById(R.id.bn2);
		Button bn3 = (Button)findViewById(R.id.bn3);
		Button bn4 = (Button)findViewById(R.id.bn4);
		Button bn5 = (Button)findViewById(R.id.bn5);
		bn1.setOnClickListener(this);
		bn2.setOnClickListener(this);
		bn3.setOnClickListener(this);
		bn4.setOnClickListener(this);
		bn5.setOnClickListener(this);
	}
	
	@Override
	public void onClick(View source){
		switch(source.getId()){
			case R.id.bn1:
				myView.paint.setShader(shaders[0]);
				break;
			case R.id.bn2:
				myView.paint.setShader(shaders[1]);
				break;
			case R.id.bn3:
				myView.paint.setShader(shaders[2]);
				break;
			case R.id.bn4:
				myView.paint.setShader(shaders[3]);
				break;
			case R.id.bn5:
				myView.paint.setShader(shaders[4]);
				break;
		}	
		myView.invalidate();// 重绘界面
	}
}



Wendy-Y
关注
专栏目录
Android 图片特效处理：Shader着色器、渲染
danfengw的博客
09-19 1365
在绘图中还有一种比较重要的可以设置画笔风格的属性叫做Shader，Shader被称为着色器或是渲染。 一、Shader简介Shader被称为着色器或是渲染，Shader有几个直接子类：BitmapShader : 主要用来渲染图像LinearGradient :用来进行线性渲染RadialGradient : 用来进行环形渲染SweepGradient : 扫描渐变—围绕一个中心点扫描
android shader线性渲染（类似与歌词逐字同步）
05-08
用android shader线性渲染实现类似与歌词逐字变色同步的效果
Android 颜色渲染(三) Shader颜色渲染
844604778
08-28 659
相信看过在上一篇中提到的三篇文章后，大家已经对颜色处理方面有更深的体会. 之前讲到颜色渐变的效果, 具体怎么做呢，这就需要应用颜色渲染. 首先要介绍Android Api中关于颜色渲染的几个重要的类: Shader,BitmapShader,ComposeShader,LinearGradient,RadialGradient,SweepGradient 看一下它们之间的关系: pu...
Android之shader渲染(线性渐变、镜像渐变、角度渐变)
gk1988的专栏
09-10 3073
在android平台中提供了两种重载方式来实例化该类分别为，他们的不同之处为参数中第一种方法参数仅为起初颜色color0和最终颜色color1；而第二种方法可以用颜色数组，和位置来实现更细腻的过渡效果，比如颜色采样int[] colors数组中存放20种颜色，则渐变将会逐一处理。 LinearGradient(float x0, float y0, float x1, float y1, i
使用Shader填充图形
孤云博客
07-01 2446
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666） Shader本身是一个抽象类，它提供了如下实现类： BitmapShader：使用位图平铺的渲染效果。 LinearGradient：使用线性渐变来填充图形。 RadialGradient：使用圆形渐变来填充...
android paint 图片,Android Paint之shader(图像渲染)
weixin_39692045的博客
05-29 414
导航1.构造方法详解1)BitmapShader(图像渲染)BitmapShader(Bitmap bitmap, Shader.TileMode tileX, Shader.TileMode tileY)使用一张位图作为纹理来对某一区域进行填充，参数依次：bitmap：用来作为填充的位图；tileX：X轴方向上位图的衔接形式；tileY：Y轴方向上位图的衔接形式；而这个Shader.TileMo...
Android LinearGradient 线性渐变渲染
05-30
2、设置多个渐变颜色渲染 3、设置渲染方向 4、设置 Shader.TileMode.MIRROR 渲染模式 5、设置 Shader.TileMode.REPEAT 渲染模式 三、代码示例 1、正常渲染 2、设置多个渐变颜色渲染 3、设置渲染方向 4、设置 Shader....
Shader:android 渲染器
05-01
Shader在计算机图形学中扮演着至关重要的角色，特别是在Android应用开发中，它允许开发者自定义图形渲染效果，创造出丰富的视觉体验。本主题将深入探讨如何在Android平台上利用Shader实现水波纹、霓虹文字和雷达等...
android studio 如何渲染 shader
最新发布
07-28
在Android Studio中，要渲染Shader（着色器），首先你需要了解它是如何工作的。Shader是一种程序，通常编写在GLSL（OpenGL Shading Language）语言中，用于控制图形的绘制过程，比如颜色、纹理和光照等。以下是在...
Android opengles 传数组给shader着色器
红色与青色
06-12 1667
最近在研究高斯模糊，有用到传数组给着色器这个功能就记录一下 先贴fragment_shader.glsl代码 uniform highp float vt[4]; void main() { gl_FragColor = vec4(vt[0],vt[1],vt[2],vt[3]); } 一个长度为4的float数组，根据数组来显示颜色 根据uniform我们在创建program的...
Android着色器Shader使用误区
weixin_34419326的博客
12-20 225
[TOC]   Shader的基本使用不多说了，请参考blog.csdn.net/iispring/ar…，这里我们只讲解shader使用过程中的小细节或误区。 BitmapShader BitmapShader加载的原图如下： 测试代码如下： public class BitmapShaderView extends View { private Paint mPaint; p...
android shader大全,android开发笔记（五）Shader的应用
weixin_29735075的博客
05-27 1102
package com.blog.video;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.BitmapShader;import andro...
Android Shader 实战
凶残的程序员
03-11 3191
本文已授权微信公众号：鸿洋（hongyangAndroid）原创首发。 转载请标明出处： http://blog.csdn.net/qian520ao/article/details/61421857 本文出自凶残的程序员的博客 一、前言 自定义view中画笔Paint有设置着色器方法paint.setShader()，我们来看一下这个Shader的子类二、SweepGradi
初学Android,图形图像之使用Shader填充图像(三十三)
lee576的专栏
08-24 4104
Shader本身是一个抽象类，它提供了如下实现类BitmapShader 　　使用位图平铺的渲染效果LinearGradient        使用线性渐变来填充图形RadialGradient        使用圆形渐变来填充图形SweepGradient       使用角度渐变来填充图形ComposeShader    使用组合渲染来填充图形下面的例子有５个按钮，分别调用５个效果下面是定义的
体积着色器(Volume Shader)
热门推荐
痞子龙3D编程
10-02 10万+
控制体积材质（如灯光雾）的颜色、透明度和蒙版不透明度。通过该着色器，可以直接将其他属性和效果与材质的颜色、透明度和蒙版不透明度相连。“体积着色器”(Volume Shader)可用于“聚光灯”(Spot Light)、“点光源”(Point Light)、“环境雾”(Environment Fog)和“粒子”(particles)。 在创建栏中查找该材质。 输出颜色(Out
android歌词效果,Android实现歌词渐变色和进度的效果
weixin_31499719的博客
05-25 564
要用TextView使用渐变色，那我们就必须要了解LinearGradient(线性渐变)的用法。LinearGradient的参数解释LinearGradient也称作线性渲染，LinearGradient的作用是实现某一区域内颜色的线性渐变效果，看源码你就知道他是shader的子类。它有两个构造函数public LinearGradient(float x0, float y0, float ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值