自定义加载动画的两种实现方式

原创

再见孙悟空_ 2021-12-31 16:45:06 博主文章分类：【Android开发基础】 ©著作权

文章标签 progress 帧动画 android加载动画 android动画 android 进度条 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者再见孙悟空_的原创作品，请联系作者获取转载授权，否则将追究法律责任

1.帧动画方式

动画文件animation.xml

<?xml version="1.0" encoding="utf-8"?>  
<animation-list  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:oneshot="true">  
    <item android:drawable="@drawable/icon1" android:duration="150"></item>  
    <item android:drawable="@drawable/icon2" android:duration="150"></item>  
    <item android:drawable="@drawable/icon3" android:duration="150"></item>  
    <item android:drawable="@drawable/icon4" android:duration="150"></item>  
    <item android:drawable="@drawable/icon5" android:duration="150"></item>  
    <item android:drawable="@drawable/icon6" android:duration="150"></item>  
</animation-list>

给imageView设置动画

<ImageView android:id="@+id/animationIV"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:padding="5px"  
            android:src="@drawable/animation"/>

2.progressbar方式

方式一

ProgressBar

<pre name="code" class="java"><ProgressBar  
           android:id="@+id/progressBar"  
           android:layout_width="wrap_content"  
           android:layout_height="wrap_content"  
           android:indeterminate="false"  
           android:indeterminateDrawable="@anim/progress_bar_loading" />

动画文件progressbar_bar_loading 放在values下的anim中

<?xml version="1.0" encoding="UTF-8"?>  
<animation-list  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:oneshot="false">  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_01" />  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_02" />  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_03" />  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_04" />  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_05" />  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_06" />  
    <item  
       android:duration="250"  
       android:drawable="@drawable/progress_bar_loading_07" />  
</animation-list>

方式二

<ProgressBar
                android:id="@+id/pull_to_refresh_progress"
                android:layout_width="30dip"
                android:layout_height="30dip"
                android:background="@drawable/all_refresh_logo"
                android:indeterminate="true"
                android:layout_gravity="center"
                android:indeterminateDrawable="@drawable/progress_top_refresh"/>

文件progress_top_refresh

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

上传用到的两个图片 all_refresh 和 all_refresh_logo

all_refresh.png

自定义加载动画的两种实现方式_帧动画