自定义加载动画的两种实现方式-阿里云开发者社区

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

2022-01-18 128

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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