Android自定义View圆形百分比控件（一）

Android自定义View圆形百分比控件（一）攻略

简介

在本攻略中，我们将学习如何创建一个自定义的圆形百分比控件，用于显示一个圆形进度条，并根据百分比值进行动态更新。

步骤

步骤一：创建自定义View类

首先，我们需要创建一个自定义的View类，用于绘制圆形进度条。以下是一个示例代码：

public class CircleProgressBar extends View {
    private Paint mPaint;
    private RectF mRectF;
    private float mProgress;

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

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

    private void init() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(10);
        mPaint.setColor(Color.BLUE);

        mRectF = new RectF();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        float centerX = getWidth() / 2;
        float centerY = getHeight() / 2;
        float radius = Math.min(centerX, centerY) - mPaint.getStrokeWidth() / 2;

        mRectF.set(centerX - radius, centerY - radius, centerX + radius, centerY + radius);

        canvas.drawArc(mRectF, -90, 360 * mProgress, false, mPaint);
    }

    public void setProgress(float progress) {
        mProgress = progress;
        invalidate();
    }
}

步骤二：在布局文件中使用自定义View

接下来，我们需要在布局文件中使用自定义的View。以下是一个示例代码：

<LinearLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"
    xmlns:app=\"http://schemas.android.com/apk/res-auto\"
    android:layout_width=\"match_parent\"
    android:layout_height=\"match_parent\"
    android:orientation=\"vertical\">

    <com.example.CircleProgressBar
        android:id=\"@+id/progressBar\"
        android:layout_width=\"200dp\"
        android:layout_height=\"200dp\" />

</LinearLayout>

步骤三：在Activity中更新进度

最后，我们需要在Activity中更新进度条的百分比值。以下是一个示例代码：

public class MainActivity extends AppCompatActivity {
    private CircleProgressBar mProgressBar;

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

        mProgressBar = findViewById(R.id.progressBar);

        // 设置进度为50%
        mProgressBar.setProgress(0.5f);
    }
}

示例说明

示例一：设置进度为50%

在上述代码中，我们通过调用setProgress(0.5f)方法将进度条的百分比值设置为50%。这将导致圆形进度条显示一半的进度。

示例二：自定义进度条颜色

如果你想要自定义进度条的颜色，你可以在CircleProgressBar类的init()方法中修改mPaint.setColor()的参数。例如，将进度条颜色修改为红色：

mPaint.setColor(Color.RED);

这将使得圆形进度条显示为红色。

以上就是创建自定义的圆形百分比控件的完整攻略，希望对你有所帮助！

阅读剩余 60%