记一次偶然发现的进度条View

最新推荐文章于 2025-12-24 14:23:48 发布

原创最新推荐文章于 2025-12-24 14:23:48 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #kotlin

Android小技巧专栏收录该内容

4 篇文章

订阅专栏

这篇博客分享了一个巧妙的编程技巧，作者原本打算创建一个时钟，但在过程中灵感突发，将其转换成了一个颜色渐变的进度条。通过简单的代码实现，作者展示了如何利用颜色数组和循环来不断更新进度条的颜色，同时提供了代码示例，适合对Android编程感兴趣的读者参考学习。

今天本来要写一个时钟，写到一半，看到刻度，突然发现可以写成进度条，就改了，超级简单。以下是写的代码：

class LoadingView : View {
    private val mPaint = Paint()
    var colors = arrayOf(
        Color.rgb(0x00, 0xFF, 0x7F), Color.rgb(0x00, 0xFF, 0xCC), Color.rgb(0x00, 0xFF, 0xAA)
        , Color.rgb(0x00, 0xF5, 0xFF), Color.rgb(0x00, 0xC5, 0xCD), Color.rgb(0x00, 0xB2, 0xEE)
    )
    var curColor = 0

    constructor(context: Context) : this(context, null)
    constructor(context: Context, attr: AttributeSet?) : this(context, attr, 0)
    constructor(context: Context, attr: AttributeSet?, style: Int) : super(context, attr, style)

    init {
        mPaint.strokeWidth = 20f
        mPaint.strokeCap = BUTT
        mPaint.textSize = 50f
        mPaint.style = Paint.Style.FILL_AND_STROKE
        Thread {
            kotlin.run {
                while (true) {
                    if (curColor > 1) curColor -= 1
                    invalidate()
                    SystemClock.sleep(100)
                }
            }
        }.start()
    }

    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)
        canvas?.translate(width / 2.toFloat(), height / 2.toFloat())
        for (i in 0..359) {
            if (i % 30 == 0) {
                mPaint.color = colors[curColor % 6]
                canvas?.drawLine(20.toFloat(), 50.toFloat(), 25.toFloat(), 50.toFloat(), mPaint)
                curColor += 1
            }
            canvas?.rotate(1f)
        }
    }
}

可以参考，很巧妙。