Android实现ProgressBar旋转菊花加载的动画

曾经终败给现在 2023-10-17 18:36 23阅读 0赞

**Android实现ProgressBar旋转菊花加载的动画**

在一些常见到的加载中需要显示一个加载动画，如旋转的菊花这样的动画效果，开发中有两种方案，一种是直接让设计师给出一个gif图片，然后写入到布局，另外一种，使用Android动画，把一张静止的图片动起来，本例用后者实现。

写一个xml布局，把ProgressBar放进去：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <ProgressBar
            android:id="@+id/loading"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="20dp"
            android:indeterminateBehavior="repeat"
            android:indeterminateDrawable="@drawable/anim" />
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="5dp"
            android:text="加载中..." />
    </LinearLayout>

很简单的布局，上面一个显示加载的进度ProgressBar，下面一个提示的文字。关键是设置ProgressBar的两个属性，这两个属性决定了ProgressBar的动画展示效果：

android:indeterminateBehavior="repeat"
            android:indeterminateDrawable="@drawable/anim"

这里引用了drawable下一个叫做anim的动画配置代码文件，res/drawable/anim.xml：

<?xml version="1.0" encoding="utf-8"?>
    <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/loading"
        android:fromDegrees="0.0"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toDegrees="360.0" />

res/drawable/loading是一张静态图loading.jpg：

![20180306090541848][]

代码运行后，该loading图是不停动画旋转的，如图：

![20180306090613522][]

[20180306090541848]: https://img-blog.csdn.net/20180306090541848
[20180306090613522]: https://img-blog.csdn.net/20180306090613522