Android ProgressBar 左右圆角

在 Android 开发中，ProgressBar 是一个常用的控件，用于展示任务的进度。然而，Android 默认的 ProgressBar 是直角的，如果想要实现左右圆角的效果，就需要自定义 ProgressBar。

本文将介绍如何实现一个具有左右圆角的自定义 ProgressBar，并提供相应的代码示例。

自定义 ProgressBar

首先，我们需要创建一个自定义的 ProgressBar 类，继承自原生的 ProgressBar 类。在这个类中，我们将重写 onDraw 方法，以实现左右圆角的效果。

public class RoundedProgressBar extends ProgressBar {

    private RectF rectF;

    public RoundedProgressBar(Context context) {
        super(context);
        init();
    }

    public RoundedProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public RoundedProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        rectF = new RectF();
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        rectF.set(0, 0, getWidth(), getHeight());
        Paint paint = new Paint();
        paint.setColor(Color.BLUE);
        canvas.drawRoundRect(rectF, getHeight() / 2, getHeight() / 2, paint);
        rectF.set(0, 0, getWidth() * getProgress() / getMax(), getHeight());
        paint.setColor(Color.RED);
        canvas.drawRoundRect(rectF, getHeight() / 2, getHeight() / 2, paint);
    }
}

在这段代码中，我们创建了一个 RoundedProgressBar 类，并重写了 onDraw 方法。在 onDraw 方法中，我们使用 RectF 和 Paint 对象来绘制 ProgressBar 的背景和进度。

接下来，我们需要在布局文件中使用这个自定义的 ProgressBar。

<com.example.myapp.RoundedProgressBar
    android:id="@+id/roundedProgressBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

使用自定义 ProgressBar

在代码中，我们可以通过 findViewById 方法找到这个自定义的 ProgressBar，并设置进度值。

RoundedProgressBar progressBar = findViewById(R.id.roundedProgressBar);
progressBar.setMax(100);
progressBar.setProgress(50);

这样，我们就可以在应用中看到一个具有左右圆角的 ProgressBar，并且可以根据实际进度进行更新。

流程图

下面是实现左右圆角的自定义 ProgressBar 的流程图：

flowchart TD;
    A[开始] --> B[创建自定义 ProgressBar类]
    B --> C[重写onDraw方法]
    C --> D[绘制进度条背景和进度]
    D --> E[设置自定义 ProgressBar到布局文件]
    E --> F[使用自定义 ProgressBar]
    F --> G[设置进度值]
    G --> H[结束]

如图所示，我们首先创建了一个自定义的 ProgressBar 类，并在其中重写了 onDraw 方法。然后将这个自定义的 ProgressBar 添加到布局文件中，并在代码中使用它来展示进度。

结语

通过本文的介绍，我们学习了如何实现一个具有左右圆角的自定义 ProgressBar。通过自定义 ProgressBar，我们可以根据实际需求定制不同样式的进度条，提升用户体验。

希望本文对你有所帮助，谢谢阅读！