Android带文本状态进度条（动态内容）实现方案咨询

嘿，我来帮你搞定这个进度条的实现问题！你贴的这种带分段刻度、能实时显示进度值的样式，其实有几种靠谱的实现路径，我给你详细梳理一下：

如果你的需求是要完全自定义样式，并且支持动态更新进度、刻度数量、标签文本这类内容，自定义View绝对是最优解——你能完全掌控每一个像素的绘制逻辑。

核心实现步骤： #

1. 定义自定义属性：在res/values/attrs.xml里配置进度颜色、背景色、刻度数量、文本大小等属性，方便在XML里配置，也能在代码中动态修改。
2. 重写onDraw方法：依次绘制背景轨道、进度填充、刻度线、数值文本：
   • 先画圆角矩形的背景轨道；
   • 根据当前进度计算填充宽度，绘制进度条；
   • 按刻度数量均分宽度，绘制每个刻度线；
   • 在刻度下方/上方绘制对应的数值标签；
3. 提供动态更新方法：写一个setProgress(newProgress: Int)方法，更新进度值后调用invalidate()触发重绘，就能实现实时更新。

简单代码示例（Kotlin）： #

class SegmentedProgressBar @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private var currentProgress = 0
    private var maxProgress = 100
    private var segmentCount = 5 // 刻度分段数
    // 初始化各种画笔（背景、进度、刻度、文本）
    private val backgroundPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.LTGRAY
        style = Paint.Style.FILL
    }
    private val progressPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.BLUE
        style = Paint.Style.FILL
    }
    private val segmentPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.DKGRAY
        strokeWidth = 2f
    }
    private val textPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.BLACK
        textSize = spToPx(12f)
        textAlign = Paint.Align.CENTER
    }

    fun setProgress(newProgress: Int) {
        this.currentProgress = newProgress.coerceIn(0, maxProgress)
        invalidate() // 触发重绘，更新UI
    }

    fun setSegmentCount(count: Int) {
        this.segmentCount = count
        invalidate()
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        val viewHeight = height.toFloat()
        val viewWidth = width.toFloat()

        // 1. 绘制背景轨道
        val backgroundRect = RectF(0f, 0f, viewWidth, viewHeight)
        canvas.drawRoundRect(backgroundRect, viewHeight/2, viewHeight/2, backgroundPaint)

        // 2. 绘制进度填充
        val progressWidth = (currentProgress.toFloat() / maxProgress) * viewWidth
        val progressRect = RectF(0f, 0f, progressWidth, viewHeight)
        canvas.drawRoundRect(progressRect, viewHeight/2, viewHeight/2, progressPaint)

        // 3. 绘制刻度线和标签
        val segmentWidth = viewWidth / segmentCount
        for (i in 0..segmentCount) {
            val xPos = i * segmentWidth
            // 绘制垂直刻度线
            canvas.drawLine(xPos, 0f, xPos, viewHeight, segmentPaint)
            // 绘制刻度数值标签
            val labelText = "${i * (maxProgress / segmentCount)}"
            val textYPos = viewHeight + textPaint.textSize + 8f // 文本在进度条下方
            canvas.drawText(labelText, xPos, textYPos, textPaint)
        }
    }

    private fun spToPx(sp: Float): Float {
        return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, sp, resources.displayMetrics)
    }
}

如果不想自己写自定义View，可以试试这些成熟的第三方库，它们大多支持动态更新进度和自定义样式：

• ProgressView：提供多种样式的进度条，支持分段刻度、自定义动画，调用setProgress()就能动态更新；
• StepView：如果你的进度条是步骤式的（比如图中的分段对应不同步骤），这个库可以显示步骤节点和进度，支持动态切换步骤状态；
• MaterialProgressBar：基于Material Design的进度条，可通过扩展自定义分段样式，适合追求Material风格的场景。

StackOverflow上有很多类似问题的解决方案，搜索关键词比如「Android segmented progress bar with dynamic labels」就能找到：

• 有回答推荐用RecyclerView模拟分段进度条：把每个分段做成RecyclerView的Item，根据进度动态改变Item的状态（比如填充颜色），适合分段内容复杂的场景；
• 还有方案用LayerDrawable组合多个Drawable：通过叠加不同的Drawable实现分段效果，但动态更新的灵活性不如自定义View；
• 另外，很多高赞回答都详细讲解了自定义View的绘制逻辑，包括如何处理动态刻度、实时进度更新的细节。

内容的提问来源于stack exchange，提问作者sagar suri