1.常用Api

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

可以发现文本的高度=decent-accent
2.重点简介一下Api
(1) setShader

LinearGradient线性渲染



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


这个效果就比较明细了。
注意倒数第二个参数,之前我们设置的null,现在我们来研究一下这个参数positions
positions:位置数组,postions的取值范围[0,1],作用是指定某个数组的颜色值,如果传递null,渐变就线性变化。

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



线性渲染:
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:用于指定控件区域大于指定的渐变区域时,空白区域的颜色填充方法。
环形渲染



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



位图渲染



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


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


TileMoede:MIRROR 表示的是镜像填充。
设置水平方向和垂直方向都是MiRROR,表示水平方向和垂直方向都是镜像翻转。


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


本来LinearGradiet渲染的区域只有(0,0)到(500,500)构成的矩形区域。但是绘制了整个Rect,TileMode为REPEAT
从(500,500)的位置起重复上一个过程。
其他的渲染方式类似。
Shader.TileMode着色模式
Repeat:表示绘制区域超过渲染区的部分,重复排版
CLAMP:表示绘制区域超过渲染区的部分,会以一个像素拉伸缩填充排版
MIRROR:表示绘制区域超过渲染区的部分,镜像翻转排版。
组合渲染:



组合渲染的参数:
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颜色模式。

网友评论