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

  • Post author:
  • Post category:其他



一、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博客



版权声明:本文为qq_37858386原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。