自定义View之Paint - ComposeShader

ComposeShader

ComposeShader的作用是实现两个颜色渐变效果的叠加,如BitmapShader与LinearGradient的混合渲染效果等,叠加的效果由过渡模式(Xfermode)或者PorterDuff.Mode来决定。

它有两个构造函数:

  • ComposeShader(Shader shaderA, Shader shaderB, Xfermode mode)
  • ComposeShader(Shader shaderA, Shader shaderB, PorterDuff.Mode mode)

其各参数的意义如下:

  • shaderA:表示某一种渲染效果
  • shaderB:表示某一种渲染效果
  • mode:叠加的效果模式。对于过渡模式(Xfermode)或者PorterDuff.Mode不再过多的描述,不了解的,可参考博文逐一认识PorterDuff.Mode。

现有一个线性的颜色渐变(lgsShader):

val colorResA = resources.getColor(android.R.color.holo_red_dark)
val colorResB = resources.getColor(android.R.color.holo_blue_dark)
val colorResC = resources.getColor(android.R.color.black)
val colorResD = resources.getColor(android.R.color.holo_green_dark)

val colorArray = intArrayOf(colorResA, colorResB, colorResC, colorResD)
val positionArray = floatArrayOf(0.0f, 0.3f, 0.4f, 1.0f)

val lgsShader = LinearGradient(0f, 0f, widthView / 4f, 0f,
        colorArray, positionArray, Shader.TileMode.REPEAT)

线性渐变效果:

自定义View之Paint - ComposeShader_第1张图片

又有一个扫描渐变(sweepGradient):

val colorResA = resources.getColor(android.R.color.holo_red_dark)
val colorResB = resources.getColor(android.R.color.holo_blue_dark)
val colorResC = resources.getColor(android.R.color.black)
val colorResD = resources.getColor(android.R.color.holo_green_dark)

val colorArray = intArrayOf(colorResA, colorResB, colorResC, colorResD)
val positionArray = floatArrayOf(0.0f, 0.3f, 0.4f, 1.0f)

val sweepGradient = SweepGradient(widthView / 2.0f, heightView / 2.0f, colorArray, positionArray)

扫描渐变效果:

自定义View之Paint - ComposeShader_第2张图片

而,PorterDuff.Mode.LIGHTEN的效果是:保留原图像和目标图像的像素的最大的分量,效果就是源图像和目标图像相交的部分变亮

自定义View之Paint - ComposeShader_第3张图片

此时,将lgsShader和sweepGradient按照PorterDuff.Mode.LIGHTEN模式效果叠加:

val composeShader = ComposeShader(lgsShader, sweepGradient, PorterDuff.Mode.LIGHTEN)

mPaint.shader = composeShader

canvas?.drawCircle(widthView / 2.0f, heightView / 2.0f, radius, mPaint)

效果如下:

自定义View之Paint - ComposeShader_第4张图片

对于我们所熟悉的是PorterDuff.Mode又分为Alpha合成模式和混合模式。对于ComposeShader而言,不管是采用哪种混合模式都应慎用,达到的效果太不可控。




若想了解更多Paint相关的内容,请跳入: 自定义View系列文章目录




如果觉得我的文章对您有用,请随意点赞、评论。您的支持将鼓励我继续创作!

你可能感兴趣的:(android自定义view)