2023-03-18 Android app 用进度条ProgressBar 圆形样式做加载loading效果，旋转动画

一、activity_main.xml 布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <ProgressBar
        android:id="@+id/wifi_list_loading_icon"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:max="100"
        android:progress="100"
        android:layout_centerInParent="true"
        android:indeterminateDrawable="@drawable/progress_circle_bg"
        android:secondaryProgress="100" />
</RelativeLayout>

二、定义的图形资源progress_circle_bg.xml，把改文件放置drawable目录下面，通过修改thicknessRatio值修改圆边边的粗细。

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
    <!-- 定义要旋转的图形，此处为环形 -->
        <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="25"
        android:useLevel="false" >
        <gradient
            android:centerColor="#FFFFFF"
            android:centerY="0.50"
            android:endColor="#00BCD4"
            android:startColor="#00BCD4"
            android:type="sweep"
            android:useLevel="false" />
        </shape>

</rotate>

三、真机运行效果图如下

四、参考文章

Android组件篇--ProgressBar(二)改变滚动条样式_qing_soft的博客-CSDN博客