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

举报
再见孙悟空_ 发表于 2022/01/15 00:03:56 2022/01/15
【摘要】 1.帧动画 方式 动画文件animation.xml <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:...

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

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。