心得体会

• 有时候从一而终很重要，我这篇简书之前写了一半，然后因为时间原因，就隔了好久，后面想把它补上发现自己没有任何思绪，只能把之前的视频又翻出来看了看~~

目录

• 1.补间动画简介

• 2.XML实现补间动画

• 3.代码实现补间动画

• 4.补间动画的缺点与不足

具体内容

一、补间动画简介

补间动画（TweenAnimation）也叫做View动画

• 1.补间动画只关心开始和结束两个状态 中间的状态由系统自动补全
• 2. 因为它的作用对象是View，它支持平移、缩放、旋转和透明度四种变换效果

二、XML实现补间动画

XML实现补间动画，即通过在XML文件中设置相关属性来达到动画的效果（补间动画的XML文件必须放置在res/anmi/ 文件夹中）

1.在res下创建一个anim文件

• 1.切换到project目录

  
  
  image.png
• 2.在src/main/res/目录下new（新建）Directory
  
  image.png
• 3.命名为anim,然后返回到Android目录，新建一个Animation resource file
  
  image.png

2.Animation resource file里面共有属性

3.Animation resource file里面各类标签

3.1.set标签

• <set>标签表示的是动画集合，它可以包含若干个动画，并且其内部也是可以嵌套其他动画集合的。它有两个可指定的属性值如下：

3.2.translate标签

• <translate>标签用于控制平移动画，它可以使一个View在水平/竖直方向上完成平移的动画效果，它的一系列属性含义如下表所示：

3.3.scale标签

• <scale>标签表示缩放动画，它可以使View具有放大/缩小的效果，它的一系列属性含义如下表所示：

3.4.rotate标签

• <rotate>标签表示旋转动画，它可以使View具有旋转的效果，它的一系列属性含义如下表所示：

3.5.alpha标签

• <alpha>标签表示透明度动画，它可以改变View的透明度，它的一系列属性含义如下表所示：

实例分析：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fillAfter="true"
    android:repeatMode="reverse">
    <!--translate标签：表示View的x坐标从0平移到300-->
    <translate android:fromXDelta="0"
        android:toXDelta="300" />
    <!--alpha标签：表示将View的透明度从完全透明变为完全不透明-->
    <alpha android:fromAlpha="0"
        android:toAlpha="1.0"/>
    <!--scale标签:表示将View从原来的0倍放大到原来的1.0倍,以View中心为轴点进行缩放（默认情况下轴点会为View的左上角）-->
    <scale android:fromXScale="0"
        android:toXScale="1.0"
        android:fromYScale="0"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        />
   <!--rotate标签:表示View从0°到360°，以View中心为轴点进行旋转（默认情况下轴点会为View的左上角）-->
    <rotate android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%"/>
</set>

三、代码实现补间动画

• 在Java中，translate、scale、rotate、alpha、set分别对应下面的几个类：
  1. TranslateAnimation
  TranslateAnimation 有三个构造方法来创建对象，这三个构造方法的说明如下所示：

public TranslateAnimation(Context context, AttributeSet attrs)

public TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)

public TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,
        int fromYType, float fromYValue, int toYType, float toYValue)

• 在这个构造方法中，Type 的取值有如下三个，它们的描述如下表所示：

2. ScaleAnimation
ScaleAnimation有4个构造方法来创建对象，它们的说明如下所示：

public ScaleAnimation(Context context, AttributeSet attrs)

public ScaleAnimation(float fromX, float toX, float fromY, float toY)

public ScaleAnimation(float fromX, float toX, float fromY, float toY,
        float pivotX, float pivotY)

public ScaleAnimation(float fromX, float toX, float fromY, float toY,
        int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

3. RotateAnimation
RotateAnimation 同样有4个方法来创建对象，说明如下所示：

public RotateAnimation(Context context, AttributeSet attrs)

public RotateAnimation(float fromDegrees, float toDegrees)

public RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)

public RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue,
        int pivotYType, float pivotYValue)

4. AlphaAnimation
AlphaAnimation 应当是这所有动画类型里面最为简单的了，它只有以下两个构造方法：

public AlphaAnimation(Context context, AttributeSet attrs)

public AlphaAnimation(float fromAlpha, float toAlpha)

代码创建补间动画小例子

• XML里面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
<View
    android:id="@+id/iv_anim"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="@color/colorAccent"/>
</RelativeLayout>

• MainActivity里面

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(event.getAction()==MotionEvent.ACTION_DOWN){
            //1.找到需要动画的控件
            View v =findViewById(R.id.iv_anim);
            //2.创建动画
         //AlphaAnimation alpha=new AlphaAnimation(0,1);
         //alpha.setDuration(1000);
         //alpha.setFillAfter(true);
            RotateAnimation  rotate=new RotateAnimation(0,360,(float)(0.5*v.getWidth()),(float)(0.5*v.getHeight()));
            rotate.setDuration(1000);
         //  v.startAnimation(alpha);
            //3.开启动画
            v.startAnimation(rotate);
        }
        return true;
    }
}

• 运行结果
  
  20191029_204630.gif

四、补间动画的缺点与不足

• 1.没有改变View的属性：补间动画只是改变视觉效果，例如将一个按钮移动到某个位置之后，点击移动后的按钮并无响应点击事件，而点击按钮移动前的位置则响应了点击事件，说明View只是改变了视觉效果，并没有改变实际位置
• 2.作用对象的局限性： 补间动画的作用对象只能是View，无法对非View的对象进行动画操作
• 3.动画效果单一：补间动画只能出现平移、缩放、旋转、透明度等简单的功能,一旦遇到相对复杂的动画效果，即超出了上述4种动画效果，那么补间动画则无法实现。