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

news/2025/1/15 9:28:08/

`XML`文件

<com.example.myapplication.MyViewxmlns: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.REDprivate var mMiddleColor = Color.BLUEprivate var mEndColor = Color.GREENprivate var mDrawRect = RectF()private var mSweepGradient: SweepGradient? = nullprivate 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 = itcanvas.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) // 颜色位置数组
)