Shader -> SweepGradient扫描渐变着色器详解

XML文件

xml 复制代码
<com.example.myapplication.MyView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_gravity="center"
    android:layout_height="400dp"/>

自定义View代码

kotlin 复制代码
class MyView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private var mStartColor = Color.RED
    private var mMiddleColor = Color.BLUE
    private var mEndColor = Color.GREEN

    private var mDrawRect = RectF()
    private var mSweepGradient: SweepGradient? = null
    private var mDrawPaint = Paint()

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        mDrawRect = RectF(0f, 0f, w.toFloat(), h.toFloat())
        mSweepGradient = SweepGradient(
            mDrawRect.centerX(), // 渐变中心的 x 坐标,设置为矩形中心的 x 坐标
            mDrawRect.centerY(), // 渐变中心的 y 坐标,设置为矩形中心的 y 坐标
            intArrayOf(mStartColor, mMiddleColor, mEndColor), // 渐变颜色数组
            floatArrayOf(0f, 0.5f, 1f) // 颜色位置数组
        )
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        mSweepGradient?.let {
            mDrawPaint.shader = it
            canvas.drawRect(mDrawRect, mDrawPaint)
        }
    }
}

RadialGradient线性着色器参数详解

  • RadialGradient扫描渐变着色器赋值给Paint画笔,可以使用Canvas画布和Paint画笔绘制具有扫描渐变的内容,从渐变中心点开始顺时针旋转,进行扫描渐变

构造函数

  • 构造函数:多色渐变
java 复制代码
public SweepGradient(float cx, // 渐变中心的 x 坐标
                     float cy, // 渐变中心的 y 坐标
                     @NonNull int[] colors, // 渐变颜色数组
                     @Nullable float[] positions) // 颜色位置数组
  • cx, cy: 渐变中心的坐标
  • colors: 定义渐变的颜色数组,至少需要两个颜色
  • positions: 可选的颜色位置数组,定义每个对应颜色的相对位置(0 到 1 之间的浮点数)。如果为 null,颜色将在渐变中均匀分布

渐变中心点(x, y)只决定中心位置,映射方向按照顺时针旋转扫描绘制

颜色数组IntArray和位置数组FloatArray决定颜色的数量和位置

  • 起始颜色 mStartColor 和过渡颜色 mMiddleColor 只作用于 [0f, 0.5f] 这个区间
  • 过渡颜色 mMiddleColor 和结束颜色 mEndColor 只作用于 [0.5f, 1f] 这个区间
kotlin 复制代码
mSweepGradient = SweepGradient(
    mDrawRect.centerX(), // 渐变中心的 x 坐标,设置为矩形中心的 x 坐标
    mDrawRect.centerY(), // 渐变中心的 y 坐标,设置为矩形中心的 y 坐标
    intArrayOf(mStartColor, mMiddleColor, mEndColor), // 渐变颜色数组
    floatArrayOf(0f, 0.5f, 1f) // 颜色位置数组
)

SweepGradient没有映射方式

  • SweepGradient 没有 TileMode着色器映射方式,用于创建完整的圆周渐变,没有边缘、重复、镜像的颜色去绘制着色器区域之外的渐变,绘制起始点和结束点都是同一个,为创建SweepGradient对象传入
相关推荐
lil_侯昊3 分钟前
【进阶】Java设计模式详解
java·python·设计模式
naruto2278 分钟前
jar命令解压jar包及更新jar的配置文件
java·jar
ThetaarSofVenice31 分钟前
【从字节码的角度看switch-case】
java·开发语言
茂桑1 小时前
Redis的哨兵集群、分片集群
java·数据库·redis
a266378961 小时前
音频采集(VUE3+JAVA)
java·javascript·音视频
努力努力再努力wz2 小时前
DFS算法篇:理解递归,熟悉递归,成为递归
java·c语言·c++·算法·深度优先
惊鸿一博2 小时前
java_使用Spring Cloud Gateway + nacos实现跨域访问
java·开发语言
{⌐■_■}2 小时前
【Viper】文件、Etcd应用配置与配置热更新,go案例
java·spring boot·struts·golang·iphone·ip·etcd
JavaEdge.2 小时前
什么是神经网络?
java
天罚神2 小时前
读书笔记 - 修改代码的艺术
java