Android自定义Viewandroid高级UI

1.2.1Paint画笔高级应用

2019-06-22  本文已影响29人  saygoodbye_e92e

    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颜色模式。

1.2.1Paint画笔高级应用
上一篇 下一篇

猜你喜欢

热点阅读