Question

我有一个ProgressBar，效果很好。我使用了以下布局：

<ProgressBar style="?android:attr/progressBarStyleHorizontal"
    android:id="@+id/scoreboard_rank_progress_bar"
    android:layout_width="match_parent"
    android:layout_height="20dp"
    android:layout_marginTop="6dp"
    android:indeterminate="false"
    android:layout_gravity="center_horizontal"
    android:progressDrawable="@drawable/progress_bar" />

现在，我想添加红色垂直线，例如在条形的25％和65％处（从左开始）。我发现以下approach：

Paint linePaint = new Paint();
linePaint.setColor(getResources().getColor(android.R.color.black));
final float lineWidth = 5f;
linePaint.setStrokeWidth(lineWidth);
canvas.drawLine(getWidth() * m100 / 100, 0, 
                getWidth() * m100 / 100, getHeight(), 
                linePaint);

不幸的是，这不起作用，因为我正在使用“活动”并且无法访问画布。我还能如何添加垂直线？理想情况下，我想在代码中执行此操作，以便可以在运行时进行更改，但如果仅在布局中可行，我也会这样做。

Answer 1

您需要扩展ProgressBar类，并重写onDraw()方法，该方法将为您提供一个可绘制的画布。然后，您可以执行绘画逻辑，例如：

class MyProgressBar extends ProgressBar {
    ...

    @Override
    public void onDraw(Canvas canvas) {
        Paint linePaint = new Paint();
        linePaint.setColor(getResources().getColor(android.R.color.black));
        final float lineWidth = 5f;
        linePaint.setStrokeWidth(lineWidth);
        canvas.drawLine(getWidth() * m100 / 100, 0, 
                getWidth() * m100 / 100, getHeight(), 
                linePaint);
    }
}

最后，用自定义ProgressBar替换添加到XML文件中的MyProgressBar。

其他改进：将绘制初始化移至draw方法之外，这样您就不必在每次onDraw()调用时都重新初始化同一对象。对lineWidth做同样的事情。

向ProgressBar添加垂直线

1 个答案: