Android Shape属性创建环形进度条

以你之姓@ 2023-06-17 07:58 11阅读 0赞

1，实现效果

![20191128103808162.gif][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWNrZXRfNw_size_16_color_FFFFFF_t_70][]

2，实现代码：

【1】 shape\_drawable.xml 文件

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:innerRadius="20dp"
        android:shape="ring"
        android:thickness="8dp"
        android:useLevel="false" >
    
    
        <gradient android:angle="0"
            android:startColor="@color/normal"
            android:centerColor="#5027844F"
            android:endColor="#fff"
            android:useLevel="false"
            android:type="sweep"
            />
    </shape>

【2】 我们将该自定义环形圈设置给一个旋转动画，并利用该旋转动画自定义成一个环形进度圈的style，最后将该自定义的style赋值给Progress组件。

*  progress\_rotate文件

<?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/shape_drawable"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fromDegrees="0"
        android:toDegrees="360"
        >
    </rotate>

【3】 自定义Progress的style：

*  CustomProgressStyle文件

【4】 应用到Progress组件

[20191128103808162.gif]: https://img-blog.csdnimg.cn/20191128103808162.gif
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWNrZXRfNw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191128103808198.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWNrZXRfNw==,size_16,color_FFFFFF,t_70