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

做一个自定义View的小练习，效果如下 只需要画一个圆、一个圆弧、一个百分比文本，添加一个点击事件，传入百分比重绘 1、在res/values文件夹下新建attrs.xml文件，编写自定义属性： &lt;?xml version=1.0 encoding=utf-8?&gt; <resources> <declare name=CirclePercentView> <attr name=circleBg format=color/> <attr name=arcColor format=color/> &lt;attr name= 在Android开发中，自定义View是一项重要的技能，它允许开发者根据需求定制独特的UI元素。本篇文章将介绍如何创建一个自定义的圆形百分比控件，该控件展示一个圆、圆弧以及百分比文本，并支持点击事件以更新百分比。 为了实现自定义属性，我们需要在`res/values`目录下创建一个新的`attrs.xml`文件。在这个文件中，我们声明了与圆形百分比控件相关的属性，例如背景颜色`circleBg`、圆弧颜色`arcColor`、圆弧宽度`arcWidth`、百分比文本颜色`percentTextColor`、文本大小`percentTextSize`以及圆的半径`radius`。这些属性的格式分别指定为color、dimension等，便于在布局文件中设置相应的值。 接着，我们创建一个新的Java类`CirclePercentView`，让它继承自`View`。为了处理不同场景的初始化，我们需要重写三个构造方法：一个无参数的构造函数，一个带`AttributeSet`的构造函数，以及一个带有`AttributeSet`和默认样式的构造函数。在第三个构造方法中，我们使用`TypedArray`来获取XML布局中定义的自定义属性值。这里，我们使用`obtainStyledAttributes()`方法获取属性数组，然后通过`getColor()`, `getDimensionPixelSize()`等方法读取每个属性的值，并将其赋给对应的成员变量。 为了绘制圆形和圆弧，我们需要创建两个`Paint`对象：`mCirclePaint`和`mArcPaint`，分别用于填充圆和画圆弧。设置抗锯齿标志以获得平滑的边缘，设置风格为填充或描边，并设定颜色和宽度。此外，为了让圆弧的端点看起来更圆润，我们设置`mArcPaint`的`StrokeCap`为`Paint.Cap.ROUND`。同时，我们还需要一个`mPercentTextPaint`对象来绘制百分比文本，同样设置抗锯齿，以及文本颜色和大小。 在`onDraw()`方法中，我们将使用这些画笔进行绘制。我们需要计算画布的中心点，然后根据圆的半径绘制一个完整的圆。接着，我们依据百分比计算出圆弧的角度，使用`arcTo()`方法绘制圆弧。我们计算文本的位置并使用`drawText()`绘制百分比文本。 为了响应点击事件，我们需要重写`onTouchEvent()`方法，检测用户是否触摸到了圆形区域。当用户点击时，可以调用`invalidate()`方法重新绘制View，从而更新百分比显示。 在实际应用中，你可以在布局文件中这样使用自定义的`CirclePercentView`： ```xml <com.example.yourpackage.CirclePercentView android:layout_width="wrap_content" android:layout_height="wrap_content" app:circleBg="@color/your_circle_color" app:arcColor="@color/your_arc_color" app:arcWidth="16dp" app:percentTextColor="@color/your_text_color" app:percentTextSize="16sp" app:radius="100dp" android:onClick="onCircleClick"/> ``` 在对应的Activity或Fragment中，你需要定义`onCircleClick()`方法来处理点击事件： ```java public void onCircleClick(View view) { CirclePercentView circlePercentView = (CirclePercentView) view; // 更新百分比并调用invalidate()重绘 } ``` 以上就是创建自定义View`CirclePercentView`的详细步骤，它展示了如何通过自定义属性、构造方法、`onDraw()`和`onTouchEvent()`来实现一个具有交互性的圆形百分比控件。这个过程对于深入理解Android UI开发和自定义组件机制非常有帮助。