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

再见孙悟空_

发布于 2023-02-10 19:04:15

4230

发布于 2023-02-10 19:04:15

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