Android的View动画使用总结

逃离我推掉我的手 2022-09-29 14:52 14阅读 0赞

## View动画的四种变换 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">名称</th> 
   <th align="left">标签</th> 
   <th align="left">子类</th> 
   <th>效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">平移动画</td> 
   <td align="left">&lt;translate&gt;</td> 
   <td align="left">TranslateAnimation</td> 
   <td>移动View</td> 
  </tr> 
  <tr> 
   <td align="left">缩放动画</td> 
   <td align="left">&lt;scale&gt;</td> 
   <td align="left">ScaleAnimatioin</td> 
   <td>放大或缩小View</td> 
  </tr> 
  <tr> 
   <td align="left">旋转动画</td> 
   <td align="left">&lt;Rotate&gt;</td> 
   <td align="left">RotateAnimation</td> 
   <td>旋转View</td> 
  </tr> 
  <tr> 
   <td align="left">透明度动画</td> 
   <td align="left">&lt;alpha&gt;</td> 
   <td align="left">AlphaAnimation</td> 
   <td>改变View的透明度</td> 
  </tr> 
 </tbody> 
</table>

**例子**（文件保存在res/anim文件夹下）：

<?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
      android:duration="3000" //持续时间 set的属性会覆盖下面子动画的属性
      android:interpolator="@anim/interpolator_resource" //动画集合采用的插值器 默认为加速减速插值器
      android:shareInterpolator="true"  //表示集合动画是否和集合共享同一个插值器。如果集合不指定插值器，子动画就需要单独指定所需的插值器或者默认值
      android:startOffset="1000"  //动画开始前延时 可以在子动画中加入，实现顺序执行 默认为一起执行
      android:fillAfter="false" //动画结束后View是否留在结束后的状态 默认为false
      android:fillBefore="false"> //动画开始前View是否留在开始时的状态 默认为false
    
      <alpha
        android:duration="1000"
        android:fromAlpha="0" //起始透明度 0 ~ 1
        android:toAlpha="0.8"/>
    
      <rotate
        android:duration="2000"
        android:fromDegrees="60"  //起始旋转的角度
        android:pivotX="50%" //起始旋转中点 默认是坐上角
        android:pivotY="50%"
        android:toDegrees="360"/>
    
      <scale
        android:duration="1500"
        android:fromXScale="100%"  //x方向的缩放起始值
        android:fromYScale="100%"
        android:pivotX="50%" //缩放位置的x坐标 默认是View左上角
        android:pivotY="50%"
        android:toXScale="0%"  //x方向的缩放结束值
        android:toYScale="0%"/>
    
      <translate
        android:duration="3000"
        android:fromXDelta="10" //x的起始位置（相对于原View）单位像素（也可使用50%这样的百分比 相对于原View大小）
        android:fromYDelta="10"
        android:toXDelta="1"  //x的结束位置
        android:toYDelta="1"/>
    </set>

### 系统提供的插值器 ###

<table> 
 <thead> 
  <tr> 
   <th align="left">java类</th> 
   <th align="left">xml</th> 
   <th align="left">id值</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">AccelerateDecelerateInterpolator</td> 
   <td align="left">@android:anim/accelerate_decelerate_interpolator</td> 
   <td align="left">动画始末速率较慢，中间加速</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">AccelerateInterpolator</td> 
   <td align="left">@android:anim/accelerate_interpolator</td> 
   <td align="left">动画开始速率较慢，之后慢慢加速</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">AnticipateInterpolator</td> 
   <td align="left">@android:anim/anticipate_interpolator</td> 
   <td align="left">开始的时候从后向前甩</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">AnticipateOvershootInterpolator</td> 
   <td align="left">@android:anim/anticipate_overshoot_interpolator</td> 
   <td align="left">类似上面AnticipateInterpolator</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">BounceInterpolator</td> 
   <td align="left">@android:anim/bounce_interpolator</td> 
   <td align="left">动画结束时弹起</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">CycleInterpolator</td> 
   <td align="left">@android:anim/cycle_interpolator</td> 
   <td align="left">循环播放速率改变为正弦曲线</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">DecelerateInterpolator</td> 
   <td align="left">@android:anim/decelerate_interpolator</td> 
   <td align="left">动画开始快然后慢</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">LinearInterpolator</td> 
   <td align="left">@android:anim/linear_interpolator</td> 
   <td align="left">动画匀速改变</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">OvershootInterpolator</td> 
   <td align="left">@android:anim/overshoot_interpolator</td> 
   <td align="left">向前弹出一定值之后回到原来位置</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td align="left">PathInterpolator</td> 
   <td align="left"></td> 
   <td align="left">新增，定义路径坐标后按照路径坐标来跑。</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

### 使用View动画 ###

Animation animation = AnimationUtils.loadAnimation(this, R.anim.view_anim);
    imageView.startAnimation(animation);
    
    //设置监听
    animation.setAnimationListener(new AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {
                    Log.d("myinfo", "onAnimationStart");
                }
    
                @Override
                public void onAnimationEnd(Animation animation) {
                    Log.d("myinfo", "onAnimationEnd");
                }
    
                @Override
                public void onAnimationRepeat(Animation animation) {
                    Log.d("myinfo", "onAnimationRepeat");//动画重复
                }
            });

**注意：**

> 1.  set本身也是继承自Animation类，他的属性会覆盖子动画的相关属性。
> 2.  repeatMode属性必须和repeatCount属性结合使用，并且不能在set中设置，否则无效
> 3.  set的AnimationListener不能监听到动画重复事件，并且如果子动画没有结束，同样监听不到动画结束

android:repeatCount={infinite（无限）|100（具体的重复次数）}
    android:repeatMode={reverse(颠倒回放)|restart（重新回放）}

### 自定义View动画 ###

> 主要通过继承Animatioin抽象类 并应用矩阵变换操作

## View动画的应用 ##

#### 1. LayoutAnimation 作用于 ViewGroup，当他的子元素出场时都会具有这种动画效果。 ####

<?xml version="1.0" encoding="utf-8"?>
    <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
      android:animation="@anim/rcv_item_anim"
      android:delay="0.1" //延时执行多少周期，比如动画时长为10s，这的0.1代表，下一个View的出场动画在上一个View的出场动画执行后1s（0.1*10）再执行。默认是一起执行
      android:animationOrder="normal" //子View动画执行顺序，默认为顺序执行
      />
    
    在ViewGroup的xml中加上
    android:layoutAnimation="@anim/layout_anim"
    
    或者：
    Animation animation = AnimationUtils.loadAnimation(this, R.anim.rcv_item_anim);
    LayoutAnimationController controller = new LayoutAnimationController(animation);
    controller.setDelay(0.1f);
    controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
    recyclerView.setLayoutAnimation(controller);

#### 2. Activity的切换效果 ####

overridePendingTransition(R.anim.act_in_anim, R.anim.act_out_anim);
    第一个参数是Activity入场的动画，第二个参数是Activity出场等待动画。
    **注意：**这个方法必须在startActivity() 或 finish()这两个方法的后面调用，否则无效。

## 帧动画 ##

> 帧动画容易引起OOM 避免使用大尺寸图片

**例子**（文件保存在res/drawable文件夹下）:

<?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
      android:oneshot="false">  //动画是否只执行1次，为false的话可以一直重复执行
    
      <item android:drawable="@drawable/ic_launcher" android:duration="1000"/>
      <item android:drawable="@drawable/ic_launcher_round" android:duration="1000"/>
    
    </animation-list>

linearLayout.setBackgroundResource(R.drawable.drawable_anim);
    AnimationDrawable animationDrawable = (AnimationDrawable) linearLayout.getBackground();
    animationDrawable.start();

--------------------

> 参考文章：  
> \- 《Android开发艺术探究》  
> \- [http://blog.csdn.net/yanbober/article/details/46481171][http_blog.csdn.net_yanbober_article_details_46481171]

[http_blog.csdn.net_yanbober_article_details_46481171]: http://blog.csdn.net/yanbober/article/details/46481171