绘制帆布内定制的彩色弧线

Question

我非常需要帮助。 需要在CustomView中的画布内绘制此渐变彩色视图。 但是无法实现。角度和圆形定位还可以，但是颜色发疯，表现出错误的，变质的颜色。请一些经验丰富的人能指导我通过这块画布来吸引疯狂吗？ 这就是我想实现的目标

class CustomWheel : View {
    constructor(context: Context) : super(context, null)
    constructor(context: Context, attributeSet: AttributeSet) : super(context, attributeSet, 0)
    constructor(context: Context, attributeSet: AttributeSet, defStyleAttr: Int) : super(
        context,
        attributeSet,
        defStyleAttr
    )
    val section1Paint = Paint().apply {
        val gradient = LinearGradient(0f,0f,0f,20f,
            intArrayOf(resources.getColor(R.color.paint1start),resources.getColor(R.color.paint1end)),
            floatArrayOf(0f, 0.5f), Shader.TileMode.MIRROR)
         this.shader = gradient

    }
    val section2Paint = Paint().apply {
        val gradient = LinearGradient(0f,0f,0f,20f,
            intArrayOf(resources.getColor(R.color.paint2start),resources.getColor(R.color.paint2end)),
            floatArrayOf(0f, 1f), Shader.TileMode.MIRROR)
        this.shader = gradient

    }
    val section3Paint = Paint().apply {
        val gradient = LinearGradient(0f,0f,0f,20f,
            intArrayOf(resources.getColor(R.color.paint3start),resources.getColor(R.color.paint3end)),
            floatArrayOf(0f, 1f), Shader.TileMode.MIRROR)
        this.shader = gradient

    }
    val section4Paint = Paint().apply {
        val gradient = LinearGradient(0f,0f,0f,20f,
            intArrayOf(resources.getColor(R.color.paint4start),resources.getColor(R.color.paint4end)),
            floatArrayOf(0f, 1f), Shader.TileMode.MIRROR)
        this.shader = gradient

    }
    val section5Paint = Paint().apply {
        val gradient = LinearGradient(0f,0f,0f,20f,
            intArrayOf(resources.getColor(R.color.paint5start),resources.getColor(R.color.paint5end)),
            floatArrayOf(0f, 1f), Shader.TileMode.MIRROR)
        this.shader = gradient

    }


    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)
        val x = ((width - height / 2) / 2).toFloat()
        val y = (height / 4).toFloat()
        val oval = RectF(x, y, width - x, height - y)


        canvas?.drawArc(oval, 0F, 72F, false, section1Paint)
        canvas?.drawArc(oval, 72F, 144F, false, section2Paint)
        canvas?.drawArc(oval, 144F, 216F, false, section3Paint)
        canvas?.drawArc(oval, 216F, 288F, false, section4Paint)
        canvas?.drawArc(oval, 288F, 360F, false, section5Paint)


    }
}

这就是我得到的:)

Answer 1

尝试将所有“ false”更改为canvas.drawarc（）中的“ true”