1.2.1Paint画笔高级应用

作者: saygoodbye_e92e | 来源:发表于2019-06-22 10:46 被阅读29次

        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画笔高级应用

    相关文章

      网友评论

        本文标题:1.2.1Paint画笔高级应用

        本文链接:https://www.haomeiwen.com/subject/tlrmqctx.html