1.2.1Paint画笔高级应用

    1.常用Api

1.2.1Paint画笔高级应用_第1张图片

其中mPaint .getFontnMetrics();这个获取字体的度量对象,查看下图:


1.2.1Paint画笔高级应用_第2张图片

可以发现文本的高度=decent-accent

2.重点简介一下Api

(1) setShader

       

1.2.1Paint画笔高级应用_第3张图片

LinearGradient线性渲染


1.2.1Paint画笔高级应用_第4张图片
1.2.1Paint画笔高级应用_第5张图片
1.2.1Paint画笔高级应用_第6张图片

这样可能绘制圆效果不明显,那么我们来绘制一个矩形,如下:

1.2.1Paint画笔高级应用_第7张图片


1.2.1Paint画笔高级应用_第8张图片

这个效果就比较明细了。

注意倒数第二个参数,之前我们设置的null,现在我们来研究一下这个参数positions

positions:位置数组,postions的取值范围[0,1],作用是指定某个数组的颜色值,如果传递null,渐变就线性变化。

1.2.1Paint画笔高级应用_第9张图片

数组颜色的个数和position数组的长度一致,如上代码箭头指示,0.5对应的是Color.RED, 1f对应的是Color.BLUE


1.2.1Paint画笔高级应用_第10张图片



1.2.1Paint画笔高级应用_第11张图片

线性渲染:

LinearGradient(float x0, float y0, float x1, float y1, @NonNull @ColorIntint colors[],

      @Nullablefloat positions[], @NonNull TileMode tile)

参数:

(x0,y0):渐变起始点坐标

(x1,y1):渐变结束点坐标

color0:渐变开始点颜色,16进制的颜色表示,必须要带有透明度

color1:渐变结束色。

colors:渐变数组。

positions:位置数组,position的取值范围[0,1],作用是指定某个位置的颜色值,如果传null,渐变就线下变化

title:用于指定控件区域大于指定的渐变区域时,空白区域的颜色填充方法。

环形渲染


1.2.1Paint画笔高级应用_第12张图片
1.2.1Paint画笔高级应用_第13张图片


1.2.1Paint画笔高级应用_第14张图片

有圆心的绿色向黄色的渐变,然后向边缘的红色渐变

扫描渲染


1.2.1Paint画笔高级应用_第15张图片


1.2.1Paint画笔高级应用_第16张图片


1.2.1Paint画笔高级应用_第17张图片

位图渲染


1.2.1Paint画笔高级应用_第18张图片



1.2.1Paint画笔高级应用_第19张图片

超出bitmap原始大小的区域,会以图像图像的最后一个像素,进行水平或者垂直方向的拉伸。

修改水平方向的TileMode为REPEAT,表示水平方向平铺



1.2.1Paint画笔高级应用_第20张图片

水平和垂直方向的TileMode都为REPEAT


1.2.1Paint画笔高级应用_第21张图片

TileMoede:MIRROR 表示的是镜像填充。

设置水平方向和垂直方向都是MiRROR,表示水平方向和垂直方向都是镜像翻转。


1.2.1Paint画笔高级应用_第22张图片


1.2.1Paint画笔高级应用_第23张图片

这里的TileMode在其他渲染模式下也是可以的,如,LinearShader

如下:



1.2.1Paint画笔高级应用_第24张图片

本来LinearGradiet渲染的区域只有(0,0)到(500,500)构成的矩形区域。但是绘制了整个Rect,TileMode为REPEAT

从(500,500)的位置起重复上一个过程。

其他的渲染方式类似。



Shader.TileMode着色模式

Repeat:表示绘制区域超过渲染区的部分,重复排版

CLAMP:表示绘制区域超过渲染区的部分,会以一个像素拉伸缩填充排版

MIRROR:表示绘制区域超过渲染区的部分,镜像翻转排版。



组合渲染:

1.2.1Paint画笔高级应用_第25张图片



1.2.1Paint画笔高级应用_第26张图片


组合渲染的参数:

ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB, @NonNull Xfermode mode)

ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB,  @NonNull PorterDuff.Mode mode)

shaderA, shaderB:要混合的两种shader

xfermode mode:组合两种shader的颜色模式

PorterDuff.Mode mode:组合两种shader颜色模式。


图片发自App

你可能感兴趣的:(1.2.1Paint画笔高级应用)