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

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

all_refresh_logo.png

以上几种都可以实现加载动画效果 ，不过个人更加推荐progressbar方式  更加流畅。
 

欢迎大家加入android开发交流群：454430053

文章来源: wukong.blog.csdn.net，作者：再见孙悟空_，版权归原作者所有，如需转载，请联系作者。

原文链接：wukong.blog.csdn.net/article/details/48678075