Android ProgressBar 加载中界面实现(loading 动画) 实现菊花的效果

最新推荐文章于 2024-08-21 22:34:24 发布

胡小牧

最新推荐文章于 2024-08-21 22:34:24 发布

阅读量3k

点赞数

分类专栏： Android 知识点记录文章标签： android

岁月推动着年华,伴随着流水的脚步走过春夏秋冬.本文重在共享,欢迎大家转载,评论,指教,谢谢！！！！！！

本文链接：https://blog.csdn.net/qq_33210042/article/details/108628753

版权

Android 知识点记录专栏收录该内容

397 篇文章 20 订阅

订阅专栏

实现的效果图如下：

使用方法ProgressBar ，如果感觉这个动画不是自己想要的，需要根据ui的图片来实现只需要将xml中的animated-rotate

修改为animation-list

贴出代码 xml 中

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

    <ProgressBar
            android:id="@+id/loading"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:layout_centerInParent="true"
            android:indeterminateBehavior="repeat"
            android:indeterminateDrawable="@drawable/anim" />

</RelativeLayout>

drawable 中的代码如下：

<?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" />

这样就实现了菊花的动画效果，

当然如果要实现ui设计的动画图的效果,将xml中的animated-rotate修改为animation-list

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
            android:drawable="@mipmap/loading1"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading2"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading3"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading4"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading5"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading6"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading7"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading8"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading9"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading10"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading11"
            android:duration="28" />
    <item
            android:drawable="@mipmap/loading12"
            android:duration="28" />
   
</animation-list>