android ProgressBar 实心圆

最新推荐文章于 2024-08-22 09:56:11 发布

莫尔奔

最新推荐文章于 2024-08-22 09:56:11 发布

阅读量49

点赞数

文章标签： android

我整理的一些关于【CI】的项目学习资料（附讲解～～）和大家一起分享、学习一下：

https://d.51cto.com/bLN8S1

如何在 Android 中实现实心圆的 ProgressBar

在开发 Android 应用时，进度条（ProgressBar）是一种常用的 UI 组件，用于表示某项任务的进度。本文将指导您如何实现一个实心圆的 ProgressBar。我们将分步骤进行，并附上代码和注释。接下来，我们将通过一个表格总结整个流程，并展示状态图和旅行图，以帮助您更好地理解实施过程。

步骤概要

步骤编号	描述
1	创建自定义 ProgressBar
2	配置自定义样式
3	在布局文件中引用
4	在 Activity 中控制进度

步骤详细解析

1. 创建自定义 ProgressBar

首先，我们需要创建一个自定义的 ProgressBar 类，继承自 View。下面是代码示例：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class CircleProgressBar extends View {
    private Paint paint;
    private int progress = 0; // 进度值

    public CircleProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        paint.setColor(Color.BLUE); // 设置进度条颜色
        paint.setStyle(Paint.Style.FILL); // 填充样式
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 计算圆心位置和半径
        int width = getWidth();
        int height = getHeight();
        float radius = Math.min(width, height) / 2f; 

        // 绘制实心圆
        canvas.drawCircle(width / 2f, height / 2f, radius * (progress / 100f), paint);
    }

    // 设置进度的方法
    public void setProgress(int progress) {
        this.progress = progress;
        invalidate(); // 重新绘制
    }
}

代码说明：

使用 Paint 对象设置绘图样式并定义进度值。
在 onDraw 方法中绘制实心圆。
提供 setProgress 方法来更新进度。

2. 配置自定义样式

为了让我们的 ProgressBar 更好地显示，为它设置自定义样式。请在 res/values/attrs.xml 文件中定义自定义属性：

<declare-styleable name="CircleProgressBar">
    <attr name="progressColor" format="color"/>
</declare-styleable>

3. 在布局文件中引用

创建好自定义 ProgressBar 后，您可以在布局文件中使用它。示例如下：

<RelativeLayout xmlns:android="
    xmlns:app="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.CircleProgressBar
        android:id="@+id/circleProgressBar"
        android:layout_width="200dp"
        android:layout_height="200dp"
        app:progressColor="@android:color/holo_blue_dark"/>
</RelativeLayout>

代码说明：

com.example.CircleProgressBar 是自定义 ProgressBar 的引用。

4. 在 Activity 中控制进度

最后，在您的 Activity 中可以控制进度条的进度。例如：

import android.os.Bundle;
import android.os.Handler;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private CircleProgressBar circleProgressBar;
    private int progress = 0; // 当前进度
    private Handler handler = new Handler(); // 处理进度更新

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        circleProgressBar = findViewById(R.id.circleProgressBar);
        
        // 模拟进度更新
        new Thread(() -> {
            while (progress <= 100) {
                handler.post(() -> circleProgressBar.setProgress(progress));
                progress++;
                try {
                    Thread.sleep(100); // 间隔时间
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }).start();
    }
}