Android自定义View实现简单的圆形Progress效果

先给大家展示下效果图，如果感觉不错，请参考实现思路： 我们要实现一个自定义的再一个圆形中绘制一个弧形的自定义View，思路是这样的： 　　先要创建一个类ProgressView，继承自View类，然后重写其中的两个构造方法，一个是一个参数的，一个是两个参数的，因为我们要在xml文件中使用该自定义控件，所以必须要定义这个两个参数的构造函数。创建完了这个类后，我们先不去管它，先考虑我们实现的这个自定义View，我们想让它的哪些部分可以由使用者自己指定，比如说这个Ｄｅｍｏ中我们让他的外面圆的外边框颜色和宽度，还有扇形部分的颜色，扇形增长的速度等等属性，这时候我们要在项目工程目录的res/value 在Android开发中，自定义View是一项常见的任务，用于创建具有特定功能或视觉效果的组件。在本案例中，我们将探讨如何实现一个简单的圆形ProgressView，它会在圆形内绘制一个弧形来表示进度。以下是实现这一功能的关键步骤： 我们需要创建一个新的类`ProgressView`，并让它继承自`View`类。为了在XML布局文件中使用这个自定义View，我们需要重写两个构造函数：一个只接受`Context`参数，另一个接受`Context`和`AttributeSet`参数。后者是为了解析自定义属性。 在`res/values`目录下，创建一个名为`attrs.xml`的资源文件，定义自定义属性。这些属性包括`circleColor`(圆形边框颜色)、`sweepColor`(扇形颜色)、`startAngle`(起始角度)、`sweepStep`(扇形增长速度)以及`padding`(填充距离)。`declare-styleable`元素的`name`属性是自定义视图的名称，便于后续访问，而`attr`元素的`name`属性是用户可自定义的属性名，`format`属性则指定了属性值的类型。 接着，我们在`ProgressView`类中解析这些自定义属性。在两个参数的构造函数中，通过`context.obtainStyledAttributes(attrs, R.styleable.ProgressView)`获取`TypedArray`，然后调用`TypedArray`的方法来获取每个自定义属性的值，例如`array.getColor(index, defaultValue)`来获取颜色属性。 接下来，我们需要定义一些私有变量来存储这些属性的值，如`sweepStep`、`padding`、`circleColor`、`sweepColor`、`startAngle`等，并在初始化时将从`TypedArray`获取的值赋给它们。此外，还需要设置一些额外的变量，如边框宽度`stroke`、当前扫过的角度`sweepAngle`，以及默认的宽度和高度`DEFAULT_WIDTH`和`DEFAULT_HEIGHT`。 在`onDraw`方法中，这是自定义View的核心，我们将进行实际的绘图操作。创建一个`Paint`对象用于绘制边框，设置其颜色、样式和宽度。然后创建一个`RectF`对象来表示圆形的边界，考虑到边框宽度，可能需要调整边界坐标。接下来，使用`canvas.drawArc()`方法绘制弧形，传入`RectF`、起始角度、扫过的角度（由`sweepAngle`控制）以及`Paint`对象。 为了实现进度的动态更新，我们需要覆盖`onMeasure`方法来设置自定义View的大小，并且可能需要重写`onLayout`方法以处理位置。可以创建一个公共方法（如`setProgress`）来改变进度，并在该方法中更新`sweepAngle`，然后调用`invalidate()`来触发重新绘制。 整个过程的关键在于理解Android图形绘制的原理，以及如何利用`onDraw`方法绘制自定义的UI元素。通过自定义View，我们可以创建出符合特定需求的UI组件，提高应用程序的用户体验。同时，合理利用资源文件中的自定义属性可以使得配置更加灵活，适应不同的场景。