Android動畫使用教程：補間動畫該如何使用？

前言

動畫的使用是 Android 開發中常用的知識
今天，我將將獻上一份Android補間動畫的使用教程，手把手教你使用補間動畫。

Carson帶你學Android動畫系列文章：
Carson帶你學Android：一份全面&詳細的動畫知識學習攻略
 Carson帶你學Android：常見的三種動畫類型
 Carson帶你學Android：補間動畫學習教程
 Carson帶你學Android：屬性動畫學習教程
 Carson帶你學Android：逐幀動畫學習教程
 Carson帶你學Android：自定義動畫神器-估值器(含實例教學)
Carson帶你學Android：自定義動畫神器-插值器(含實例教學)

1. 簡介

示意圖

2. 使用場景

補間動畫的使用場景主要包括：基礎動畫效果 & 特殊使用場景

2.1 基礎動畫效果

補間動畫的標準動畫分為4種：

平移動畫（Translate）
縮放動畫（scale）
旋轉動畫（rotate）
透明度動畫（alpha）

上述常用于視圖View的一些標準動畫效果，具體效果如下：

平移

縮放

旋轉

透明度

2.2 特殊的應用場景

Activity 的切換效果（淡入淡出、左右滑動等）
Fragement 的切換效果（淡入淡出、左右滑動等）
視圖組（ViewGroup）中子元素的出場效果（淡入淡出、左右滑動等）

具體效果如下：

淡入淡出

左右滑動

ListView出場動畫

3. 使用方法

3.1 核心類

不同類型的動畫對應于不同的子類，具體如下：

示意圖

3.2 設置方式

補間動畫的使用方式分為兩種：在XML 代碼 / Java 代碼里設置

前者優點：動畫描述的可讀性更好

后者優點：動畫效果可動態創建

下面，我將詳細介紹上面所示補間動畫的具體使用。

4. 平移動畫（Translate）

效果圖如下

效果圖

對應的核心類是：TranslateAnimation類，具體使用如下：

/*
 * 設置方式1：xml
 */
 // 步驟1：在 res/anim的文件夾里創建動畫效果.xml文件
 // 此處路徑為res/anim/view_animation.xml

 // 步驟2：根據不同動畫效果的語法設置不同動畫參數-view_animation.xml
   <?xml version="1.0" encoding="utf-8"?>
   
   <translate xmlns:android="http://schemas.android.com/apk/res/android"
      // 采用<translate /> 標簽表示平移動畫
      // 以下參數是4種動畫效果的公共屬性,即都有的屬性
      android:duration="3000" // 動畫持續時間（ms），必須設置，動畫才有效果
      android:startOffset ="1000" // 動畫延遲開始時間（ms）
      android:fillBefore = “true” // 動畫播放完后，視圖是否會停留在動畫開始的狀態，默認為true
      android:fillAfter = “false” // 動畫播放完后，視圖是否會停留在動畫結束的狀態，優先于fillBefore值，默認為false
      android:fillEnabled= “true” // 是否應用fillBefore值，對fillAfter值無影響，默認為true
      android:repeatMode= “restart” // 選擇重復播放動畫模式，restart代表正序重放，reverse代表倒序回放，默認為restart|
      android:repeatCount = “0” // 重放次數（所以動畫的播放次數=重放次數+1），為infinite時無限重復
      android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動畫的播放速度,下面會詳細講
      
      // 以下參數是平移動畫特有的屬性
      android:fromXDelta="0" // 視圖在水平方向x 移動的起始值
      android:toXDelta="500" // 視圖在水平方向x 移動的結束值
      android:fromYDelta="0" // 視圖在豎直方向y 移動的起始值
      android:toYDelta="500" // 視圖在豎直方向y 移動的結束值
      /> 

  // 步驟3：在Java代碼中創建Animation對象并播放動畫
  // 1. 創建需要設置動畫的 視圖View
  Button mButton = (Button) findViewById(R.id.Button); 
  // 2. 創建動畫對象并傳入設置的動畫效果xml文件
  Animation translateAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
  // 3. 播放動畫
  mButton.startAnimation(translateAnimation);

/*
 * 設置方式2：Java
 */
 // 步驟1:創建需要設置動畫的視圖View
 Button mButton = (Button) findViewById(R.id.Button);
 // 步驟2：創建平移動畫的對象
 // 平移動畫對應的Animation子類為TranslateAnimation
 Animation translateAnimation = new TranslateAnimation(0，500，0，500);
 // 參數說明
 // fromXDelta ：視圖在水平方向x 移動的起始值
 // toXDelta ：視圖在水平方向x 移動的結束值
 // fromYDelta ：視圖在豎直方向y 移動的起始值
 // toYDelta：視圖在豎直方向y 移動的結束值

 // 步驟3：屬性設置：方法名是在其屬性前加“set”，如設置時長setDuration()
 translateAnimation.setDuration(3000);

 // 步驟4：播放動畫
 mButton.startAnimation(translateAnimation);

5. 縮放動畫（Scale）

縮放動畫有一個“縮放中心”的概念，說明如下：

image.png

效果圖如下：軸點為（50%,50%） & 軸點為（20%,30%）的情況

軸點為（50%,50%）

軸點為（20%,30%）

對應的核心類是：ScaleAnimation類，具體使用如下：

/*
 * 設置方式1：xml
 */
 // 步驟1：在 res/anim的文件夾里創建動畫效果.xml文件
 // 此處路徑為res/anim/view_animation.xml

 // 步驟2：根據不同動畫效果的語法設置不同動畫參數-view_animation.xml
    <?xml version="1.0" encoding="utf-8"?>
    // 采用<scale/> 標簽表示是縮放動畫
    <scale xmlns:android="http://schemas.android.com/apk/res/android"

    // 以下參數是4種動畫效果的公共屬性,即都有的屬性
    android:duration="3000" // 動畫持續時間（ms），必須設置，動畫才有效果
    android:startOffset ="1000" // 動畫延遲開始時間（ms）
    android:fillBefore = “true” // 動畫播放完后，視圖是否會停留在動畫開始的狀態，默認為true
    android:fillAfter = “false” // 動畫播放完后，視圖是否會停留在動畫結束的狀態，優先于fillBefore值，默認為false
    android:fillEnabled= “true” // 是否應用fillBefore值，對fillAfter值無影響，默認為true
    android:repeatMode= “restart” // 選擇重復播放動畫模式，restart代表正序重放，reverse代表倒序回放，默認為restart|
    android:repeatCount = “0” // 重放次數（所以動畫的播放次數=重放次數+1），為infinite時無限重復
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動畫的播放速度,下面會詳細講
    
    // 以下參數是縮放動畫特有的屬性
    android:fromXScale="0.0" 
    // 動畫在水平方向X的起始縮放倍數
    // 0.0表示收縮到沒有；1.0表示正常無伸縮
    // 值小于1.0表示收縮；值大于1.0表示放大

    android:toXScale="2"  //動畫在水平方向X的結束縮放倍數

    android:fromYScale="0.0" //動畫開始前在豎直方向Y的起始縮放倍數
    android:toYScale="2" //動畫在豎直方向Y的結束縮放倍數

    android:pivotX="50%" // 縮放軸點的x坐標
    android:pivotY="50%" // 縮放軸點的y坐標
    // 軸點 = 視圖縮放的中心點

    // pivotX pivotY,可取值為數字，百分比，或者百分比p
    // 設置為數字時（如50），軸點為View的左上角的原點在x方向和y方向加上50px的點。在Java代碼里面設置這個參數的對應參數是Animation.ABSOLUTE。
    // 設置為百分比時（如50%），軸點為View的左上角的原點在x方向加上自身寬度50%和y方向自身高度50%的點。在Java代碼里面設置這個參數的對應參數是Animation.RELATIVE_TO_SELF。
    // 設置為百分比p時（如50%p），軸點為View的左上角的原點在x方向加上父控件寬度50%和y方向父控件高度50%的點。在Java代碼里面設置這個參數的對應參數是Animation.RELATIVE_TO_PARENT

    // 兩個50%表示動畫從自身中間開始，具體如下圖
    /> 
  
// 步驟3：在Java代碼中創建Animation對象并播放動畫
  // 1. 創建需要設置動畫的 視圖View
  Button mButton = (Button) findViewById(R.id.Button); 
  // 2. 創建動畫對象并傳入設置的動畫效果xml文件
  Animation scaleAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
  // 3. 播放動畫
  mButton.startAnimation(scaleAnimation);

/*
 * 設置方式2：Java
 */

 // 步驟1：創建 需要設置動畫的 視圖View
 Button mButton = (Button) findViewById(R.id.Button);

 // 步驟2：創建縮放動畫的對象 & 設置動畫效果
 // 縮放動畫對應的Animation子類為RotateAnimation
 Animation scaleAnimation = new ScaleAnimation(0,2,0,2,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
 // 參數說明:
 // 1. fromX ：動畫在水平方向X的結束縮放倍數
 // 2. toX ：動畫在水平方向X的結束縮放倍數
 // 3. fromY ：動畫開始前在豎直方向Y的起始縮放倍數
 // 4. toY：動畫在豎直方向Y的結束縮放倍數
 // 5. pivotXType:縮放軸點的x坐標的模式
 // 6. pivotXValue:縮放軸點x坐標的相對值
 // 7. pivotYType:縮放軸點的y坐標的模式
 // 8. pivotYValue:縮放軸點y坐標的相對值
 // pivotXType = Animation.ABSOLUTE:縮放軸點的x坐標 =  View左上角的原點 在x方向 加上 pivotXValue數值的點(y方向同理)
 // pivotXType = Animation.RELATIVE_TO_SELF:縮放軸點的x坐標 = View左上角的原點 在x方向 加上 自身寬度乘上pivotXValue數值的值(y方向同理)
 // pivotXType = Animation.RELATIVE_TO_PARENT:縮放軸點的x坐標 = View左上角的原點 在x方向 加上 父控件寬度乘上pivotXValue數值的值 (y方向同理)
  
  // 步驟3：屬性設置：方法名是在其屬性前加“set”，如設置時長setDuration() 
  scaleAnimation.setDuration(3000);

  // 步驟4：播放動畫
  mButton.startAnimation(scaleAnimation);

6. 旋轉動畫（Rotate）

類似于縮放動畫的“縮放中心”，旋轉動畫也有一個“旋轉軸點”的概念：

image.png

旋轉軸點為（50%,50%）的效果如下圖所示。

軸點為（50%,50%）

對應的核心類是：RotateAnimation類，具體使用如下：

/*
 * 設置方式1：xml
 */
 // 步驟1：在 res/anim的文件夾里創建動畫效果.xml文件
 // 此處路徑為res/anim/view_animation.xml

 // 步驟2：根據不同動畫效果的語法設置不同動畫參數-view_animation.xml
 // 采用<rotate/> 標簽表示是旋轉動畫
    <?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"

    // 以下參數是4種動畫效果的公共屬性,即都有的屬性
    android:duration="3000" // 動畫持續時間（ms），必須設置，動畫才有效果
    android:startOffset ="1000" // 動畫延遲開始時間（ms）
    android:fillBefore = “true” // 動畫播放完后，視圖是否會停留在動畫開始的狀態，默認為true
    android:fillAfter = “false” // 動畫播放完后，視圖是否會停留在動畫結束的狀態，優先于fillBefore值，默認為false
    android:fillEnabled= “true” // 是否應用fillBefore值，對fillAfter值無影響，默認為true
    android:repeatMode= “restart” // 選擇重復播放動畫模式，restart代表正序重放，reverse代表倒序回放，默認為restart|
    android:repeatCount = “0” // 重放次數（所以動畫的播放次數=重放次數+1），為infinite時無限重復
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動畫的播放速度,下面會詳細講
    
    // 以下參數是旋轉動畫特有的屬性
    android:duration="1000"
    android:fromDegrees="0" // 動畫開始時 視圖的旋轉角度(正數 = 順時針，負數 = 逆時針)
    android:toDegrees="270" // 動畫結束時 視圖的旋轉角度(正數 = 順時針，負數 = 逆時針)
    android:pivotX="50%" // 旋轉軸點的x坐標
    android:pivotY="0" // 旋轉軸點的y坐標
    // 軸點 = 視圖縮放的中心點

    // pivotX pivotY,可取值為數字，百分比，或者百分比p
    // 設置為數字時（如50），軸點為View的左上角的原點在x方向和y方向加上50px的點。在Java代碼里面設置這個參數的對應參數是Animation.ABSOLUTE。
    // 設置為百分比時（如50%），軸點為View的左上角的原點在x方向加上自身寬度50%和y方向自身高度50%的點。在Java代碼里面設置這個參數的對應參數是Animation.RELATIVE_TO_SELF。
    // 設置為百分比p時（如50%p），軸點為View的左上角的原點在x方向加上父控件寬度50%和y方向父控件高度50%的點。在Java代碼里面設置這個參數的對應參數是Animation.RELATIVE_TO_PARENT
    // 兩個50%表示動畫從自身中間開始，具體如下圖

    /> 
  
 // 步驟3：在Java代碼中創建Animation對象并播放動畫
  // 1. 創建需要設置動畫的 視圖View
  Button mButton = (Button) findViewById(R.id.Button); 
  // 2. 創建動畫對象并傳入設置的動畫效果xml文件
  Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
  // 3. 播放動畫
  mButton.startAnimation(rotateAnimation);

/*
 * 設置方式2：Java
 */
 // 步驟1：創建需要設置動畫的視圖View
 Button mButton = (Button) findViewById(R.id.Button);

 // 步驟2：創建旋轉動畫的對象 & 設置動畫效果
 // 旋轉動畫對應的Animation子類為RotateAnimation
 Animation rotateAnimation = new RotateAnimation(0,270,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
 // 參數說明:
 // 1. fromX ：動畫在水平方向X的結束縮放倍數
 // 2. toX ：動畫在水平方向X的結束縮放倍數
 // 3. fromY ：動畫開始前在豎直方向Y的起始縮放倍數
 // 4. toY：動畫在豎直方向Y的結束縮放倍數
 // 5. pivotXType:縮放軸點的x坐標的模式
 // 6. pivotXValue:縮放軸點x坐標的相對值
 // 7. pivotYType:縮放軸點的y坐標的模式
 // 8. pivotYValue:縮放軸點y坐標的相對值
 // pivotXType = Animation.ABSOLUTE:縮放軸點的x坐標 =  View左上角的原點 在x方向 加上 pivotXValue數值的點(y方向同理)
 // pivotXType = Animation.RELATIVE_TO_SELF:縮放軸點的x坐標 = View左上角的原點 在x方向 加上 自身寬度乘上pivotXValue數值的值(y方向同理)
 // pivotXType = Animation.RELATIVE_TO_PARENT:縮放軸點的x坐標 = View左上角的原點 在x方向 加上 父控件寬度乘上pivotXValue數值的值 (y方向同理)
  
  // 步驟3：屬性設置：方法名是在其屬性前加“set”，如設置時長setDuration() 
  rotateAnimation.setDuration(3000);

  // 步驟4：播放動畫
  mButton.startAnimation(rotateAnimation);

7. 透明度動畫（Alpha）

透明度從1-0，即從有到無的效果圖如下圖所示。

對應的核心類是：AlphaAnimation類，具體使用如下：

/*
 * 設置方式1：xml
 */
   // 步驟1：在 res/anim的文件夾里創建動畫效果.xml文件
   // 此處路徑為res/anim/view_animation.xml

   // 步驟2：根據不同動畫效果的語法設置不同動畫參數-view_animation.xml
   // 采用<alpha/> 標簽表示是透明度動畫
   <?xml version="1.0" encoding="utf-8"?>
   <alpha xmlns:android="http://schemas.android.com/apk/res/android"

    // 以下參數是4種動畫效果的公共屬性,即都有的屬性
    android:duration="3000" // 動畫持續時間（ms），必須設置，動畫才有效果
    android:startOffset ="1000" // 動畫延遲開始時間（ms）
    android:fillBefore = “true” // 動畫播放完后，視圖是否會停留在動畫開始的狀態，默認為true
    android:fillAfter = “false” // 動畫播放完后，視圖是否會停留在動畫結束的狀態，優先于fillBefore值，默認為false
    android:fillEnabled= “true” // 是否應用fillBefore值，對fillAfter值無影響，默認為true
    android:repeatMode= “restart” // 選擇重復播放動畫模式，restart代表正序重放，reverse代表倒序回放，默認為restart|
    android:repeatCount = “0” // 重放次數（所以動畫的播放次數=重放次數+1），為infinite時無限重復
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動畫的播放速度,下面會詳細講
    
    // 以下參數是透明度動畫特有的屬性
    android:fromAlpha="1.0" // 動畫開始時視圖的透明度(取值范圍: -1 ~ 1)
    android:toAlpha="0.0"http:// 動畫結束時視圖的透明度(取值范圍: -1 ~ 1)

    /> 
  
 // 步驟3：在Java代碼中創建Animation對象并播放動畫
  // 1. 創建需要設置動畫的 視圖View
  Button mButton = (Button) findViewById(R.id.Button); 
  // 2. 創建動畫對象并傳入設置的動畫效果xml文件
  Animation alphaAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
  // 3. 播放動畫
  mButton.startAnimation(alphaAnimation);

/*
 * 設置方式2：Java
 */
   // 步驟1：創建需要設置動畫的視圖View
   Button mButton = (Button) findViewById(R.id.Button);

   // 步驟2：創建透明度動畫的對象 & 設置動畫效果
   // 透明度動畫對應的Animation子類為AlphaAnimation
   Animation alphaAnimation = new AlphaAnimation(1,0);
   // 參數說明:
   // 1. fromX ：動畫在水平方向X的結束縮放倍數
   // 2. toX ：動畫在水平方向X的結束縮放倍數
   // 3. fromY ：動畫開始前在豎直方向Y的起始縮放倍數
   // 4. toY：動畫在豎直方向Y的結束縮放倍數
   // 5. pivotXType:縮放軸點的x坐標的模式
   // 6. pivotXValue:縮放軸點x坐標的相對值
   // 7. pivotYType:縮放軸點的y坐標的模式
   // 8. pivotYValue:縮放軸點y坐標的相對值
   // pivotXType = Animation.ABSOLUTE:縮放軸點的x坐標 =  View左上角的原點 在x方向 加上 pivotXValue數值的點(y方向同理)
   // pivotXType = Animation.RELATIVE_TO_SELF:縮放軸點的x坐標 = View左上角的原點 在x方向 加上 自身寬度乘上pivotXValue數值的值(y方向同理)
   // pivotXType = Animation.RELATIVE_TO_PARENT:縮放軸點的x坐標 = View左上角的原點 在x方向 加上 父控件寬度乘上pivotXValue數值的值 (y方向同理)
    
    // 步驟3：屬性設置：方法名是在其屬性前加“set”，如設置時長setDuration() 
    AlphaAnimation.setDuration(3000);

    // 步驟4：播放動畫
    mButton.startAnimation(AlphaAnimation);

至此，關于補間動畫的基礎動畫效果講解完畢。

8. Activity 的切換效果

即 Activity 啟動 / 退出時的動畫效果，主要包括淡入淡出、左滑右滑等。

8.1 系統預設

本身系統已經封裝好了淡入淡出、左滑右滑的效果，如下圖所示：

淡入淡出.gif

向左向右滑動.gif

具體使用如下：

// 系統已經封裝好的動畫效果
  // 淡入淡出：android.R.anim.fade_in、android.R.anim.fade_out
  // 由左向右滑入：android.R.anim.slide_in_left、android.R.anim.slide_out_right

// 核心方法：overridePendingTransition（int enterAnim, int exitAnim）
  // 調用時機：Activity的onCreate() 或 finish()
  // 參數說明
  // 對于在onCreate()設置：
     // enterAnim：進入該Activity時的動畫效果資源ID
     // exitAnim：進入該Activity時上一個Activity離開時的動畫效果資源ID

  // 對于在finish()設置：
     // enterAnim：進入其他Activity時 進入Activity的動畫效果資源ID
     // exitAnim：進入其他Activity時 該Activity離開時的動畫效果資源ID

// 具體使用
  // 方式1：在onCreate()設置
  @Override
      public void onCreate(Bundle savedInstanceState) {
          overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
          super.onCreate(savedInstanceState);
      }

  // 方式2：在finish()設置
   @Override
      public void finish() {
          super.finish();
          overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
      }

這里需要特別注意的是：如果進入退出頁面：一個需要動畫、另外一個不需要動畫，但也必須設置時間相同的、沒有任何變化的動畫，否則會出現黑屏。

8.2 自定義切換效果

除了使用系統自帶的切換效果，還可以自定義Activity的切換效果：

此處就用到補間動畫了

8.2.1 自定義淡入淡出效果

實現原理：透明度動畫（Alpha），具體使用如下：

// 淡入：fade_in.xml
<?xml version="1.0" encoding="utf-8"?>  
<alpha xmlns:android="http://schemas.android.com/apk/res/android" >   
        android:duration="1500"  
        android:fromAlpha="0.0"  
        android:toAlpha="1.0" >  
</alpha>

// 淡出：fade_out.xml
<?xml version="1.0" encoding="utf-8"?>  
<alpha xmlns:android="http://schemas.android.com/apk/res/android" >   
        android:duration="1500"  
        android:fromAlpha="1.0"  
        android:toAlpha="0.0" >  
</alpha>

8.2.2 自定義左右滑動效果

自定義滑動.gif

實現原理：平移動畫（Translate）。先了解Activity的位置信息，如下圖

從上圖可以看出：

以屏幕底邊為X軸，屏幕左邊為Y軸；
當Activity在X軸 = -100%p時，剛好完全超出屏幕到左邊（位置1）
當Activity在X軸 = 0%p時，剛好完全在屏幕內(位置2）
當Activity在X軸 = 100%p時，剛好完全超出屏幕到右邊（位置3）

下面自定義一個動畫效果：從右滑到左

// 從中間滑到左邊，即從位置2 -> 位置1：out_to_left.xml
<?xml version="1.0" encoding="utf-8"?>  
<translate xmlns:android="http://schemas.android.com/apk/res/android" >   
        android:duration="500"
        android:fromXDelta="0%p"
        android:toXDelta="-100%p" >  
</translate>

// 從右邊滑到中間，即從位置3 -> 位置2：in_from_right.xml
<?xml version="1.0" encoding="utf-8"?>  
<translate xmlns:android="http://schemas.android.com/apk/res/android" >   
        android:duration="500"
        android:fromXDelta="100%p"
        android:toXDelta="0%p" >  
</translate>

9. Fragment動畫切換效果

類似于Activity，Fragment的動畫切換效果同樣存在兩種方式：使用系統預設和自定義切換動畫效果。具體使用如下：

// 方式1：系統預設
  // 通過setTransition(int transit)進行設置
  // transit參數說明
  // 1. FragmentTransaction.TRANSIT_NONE：無動畫
  // 2. FragmentTransaction.TRANSIT_FRAGMENT_OPEN：標準的打開動畫效果
  // 3. FragmentTransaction.TRANSIT_FRAGMENT_CLOSE：標準的關閉動畫效果
  // 標準動畫設置好后，在Fragment添加和移除的時候都會有。

  // 具體使用
  FragmentTransaction fragmentTransaction = mFragmentManager.beginTransaction();
  fragmentTransaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)；


// 方式2：自定義動畫效果
  // 通過FragmentTransavtion.setCustomAnimations()設置
  // 此處的自定義動畫效果同Activity，此處不再過多描述

  // 具體使用
  FragmentTransaction fragmentTransaction = mFragmentManager.beginTransaction();
  fragmentTransaction.setCustomAnimations(R.anim.in_from_right,R.anim.out_to_left);

10. 視圖組（ViewGroup）中子元素的出場效果

視圖組（ViewGroup）中子元素可以具備出場時的補間動畫效果。常用需求場景：為ListView的 item 設置出場動畫：

ListView出場動畫效果圖

使用步驟如下：

// 步驟1：設置子元素的出場動畫
// res/anim/view_animation.xml

  <?xml version="1.0" encoding="utf-8"?>
  // 此處采用了組合動畫
  <set xmlns:android="http://schemas.android.com/apk/res/android" >
      android:duration="3000"

      <alpha
          android:duration="1500"
          android:fromAlpha="1.0"
          android:toAlpha="0.0" />

      <translate
          android:fromXDelta="500"
          android:toXDelta="0"
           />
  </set>

// 步驟2：設置 視圖組（ViewGroup）的動畫文件
// res/anim/anim_layout.xml
  <?xml version="1.0" encoding="utf-8"?>
  // 采用LayoutAnimation標簽
  <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
      android:delay="0.5"
      // 子元素開始動畫的時間延遲
      // 如子元素入場動畫的時間總長設置為300ms
      // 那么 delay = "0.5" 表示每個子元素都會延遲150ms才會播放動畫效果
      // 第一個子元素延遲150ms播放入場效果；第二個延遲300ms，以此類推

      android:animationOrder="normal"
      // 表示子元素動畫的順序
      // 可設置屬性為：
      // 1. normal ：順序顯示，即排在前面的子元素先播放入場動畫
      // 2. reverse：倒序顯示，即排在后面的子元素先播放入場動畫
      // 3. random：隨機播放入場動畫

      android:animation="@anim/view_animation"
      // 設置入場的具體動畫效果
      // 將步驟1的子元素出場動畫設置到這里
      />

// 步驟3：為視圖組（ViewGroup）指定andorid:layoutAnimation屬性
   // 指定的方式有兩種： XML / Java代碼
   // 方式1：XML
   <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FFFFFF"
        android:orientation="vertical" >
        <ListView
            android:id="@+id/listView1"
            android:layoutAnimation="@anim/anim_layout"
            // 指定layoutAnimation屬性用以指定子元素的入場動畫
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    // 方式2：Java
    // 注：不需額外設置res/ anim /anim_layout.xml該xml文件了
    ListView lv = (ListView) findViewById(R.id.listView1);

    // 加載子元素的出場動畫
    Animation animation = AnimationUtils.loadAnimation(this,R.anim.anim_item);
    
    // 設置LayoutAnimation的屬性
    LayoutAnimationController controller = new LayoutAnimationController(animation);
    controller.setDelay(0.5f);
    controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
    
    // 為ListView設置LayoutAnimation的屬性
    lv.setLayoutAnimation(controller);

11. 高級使用

除了上述使用，還有一些額外的高級用法：

組合動畫
監聽動畫
插值器
估值器

11.1 組合動畫

上面講的都是單個動畫效果，但實際中很多需求都需要同時使用平移、縮放、旋轉 & 透明度4種動畫，即組合動畫。

組合動畫

具體使用如下：

// 方式：xml跟java代碼設置

// 方式1：xml
 // 步驟1：在路徑 res/anim 的文件夾里創建動畫效果 .xml文件 - view_animation.xml
 // 步驟2：設置組合動畫（同單個動畫設置）
  <?xml version="1.0" encoding="utf-8"?>
    // 采用< Set/>標簽
    <set xmlns:android="http://schemas.android.com/apk/res/android">

    // 組合動畫同樣具備公共屬性
        android:duration="3000" // 動畫持續時間（ms），必須設置，動畫才有效果
        android:startOffset ="1000" // 動畫延遲開始時間（ms）
        android:fillBefore = “true” // 動畫播放完后，視圖是否會停留在動畫開始的狀態，默認為true
        android:fillAfter = “false” // 動畫播放完后，視圖是否會停留在動畫結束的狀態，優先于fillBefore值，默認為false
        android:fillEnabled= “true” // 是否應用fillBefore值，對fillAfter值無影響，默認為true
        android:repeatMode= “restart” // 選擇重復播放動畫模式，restart代表正序重放，reverse代表倒序回放，默認為restart|
        android:repeatCount = “0” // 重放次數（所以動畫的播放次數=重放次數+1），為infinite時無限重復
        android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動畫的播放速度,下面會詳細講
        
    // 組合動畫獨特的屬性
        android:shareinterpolator = “true”
        // 表示組合動畫中的動畫是否和集合共享同一個差值器
        // 如果集合不指定插值器，那么子動畫需要單獨設置

    // 組合動畫播放時是全部動畫同時開始
    // 如果想不同動畫不同時間開始就要使用android:startOffset屬性來延遲單個動畫播放時間

    // 設置旋轉動畫，語法同單個動畫
        <rotate
            android:duration="1000"
            android:fromDegrees="0"
            android:toDegrees="360"
            android:pivotX="50%"
            android:pivotY="50%"
            android:repeatMode="restart"
            android:repeatCount="infinite"
            />

    // 設置平移動畫，語法同單個動畫
        <translate
            android:duration="10000"
            android:startOffset = “1000”// 延遲該動畫播放時間
            android:fromXDelta="-50%p"
            android:fromYDelta="0"
            android:toXDelta="50%p"
            android:toYDelta="0" />

    // 設置透明度動畫，語法同單個動畫
        <alpha
            android:startOffset="7000"
            android:duration="3000"
            android:fromAlpha="1.0"
            android:toAlpha="0.0" />


    // 設置縮放動畫，語法同單個動畫
        <scale
            android:startOffset="4000"
            android:duration="1000"
            android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:toXScale="0.5"
            android:toYScale="0.5" />
    // 特別注意：
    // 1. 在組合動畫里scale縮放動畫設置的repeatCount（重復播放）和fillBefore（播放完后，視圖是否會停留在動畫開始的狀態）是無效的。
    // 2. 所以如果需要重復播放或者回到原位的話需要在set標簽里設置
    // 3. 但是由于此處rotate旋轉動畫里已設置repeatCount為infinite，所以動畫不會結束，也就看不到重播和回復原位

    </set>

    // 步驟3：播放動畫
        // 創建 需要設置動畫的 視圖View
        Button mButton = (Button) findViewById(R.id.Button);
        // 創建 動畫對象 并傳入設置的動畫效果xml文件
        Animation setAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
        // 播放動畫
        mButton.startAnimation(setAnimation);


// 方式2：java代碼設置
    // 創建 需要設置動畫的 視圖View
    Button mButton = (Button) findViewById(R.id.Button);
    

    // 組合動畫設置
    AnimationSet setAnimation = new AnimationSet(true);
    // 步驟1:創建組合動畫對象(設置為true)

    // 步驟2:設置組合動畫的屬性
    // 特別說明以下情況
    // 因為在下面的旋轉動畫設置了無限循環(RepeatCount = INFINITE)
    // 所以動畫不會結束，而是無限循環
    // 所以組合動畫的下面兩行設置是無效的
    setAnimation.setRepeatMode(Animation.RESTART);
    setAnimation.setRepeatCount(1);// 設置了循環一次,但無效

    // 步驟3:逐個創建子動畫(方式同單個動畫創建方式,此處不作過多描述)

    // 子動畫1:旋轉動畫
    Animation rotate = new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
    rotate.setDuration(1000);
    rotate.setRepeatMode(Animation.RESTART);
    rotate.setRepeatCount(Animation.INFINITE);

    // 子動畫2:平移動畫
    Animation translate = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_PARENT,-0.5f,
    TranslateAnimation.RELATIVE_TO_PARENT,0.5f,
    TranslateAnimation.RELATIVE_TO_SELF,0
    ,TranslateAnimation.RELATIVE_TO_SELF,0);
    translate.setDuration(10000);

    // 子動畫3:透明度動畫
    Animation alpha = new AlphaAnimation(1,0);
    alpha.setDuration(3000);
    alpha.setStartOffset(7000);

    // 子動畫4:縮放動畫
    Animation scale1 = new ScaleAnimation(1,0.5f,1,0.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
    scale1.setDuration(1000);
    scale1.setStartOffset(4000);

    // 步驟4:將創建的子動畫添加到組合動畫里
    setAnimation.addAnimation(alpha);
    setAnimation.addAnimation(rotate);
    setAnimation.addAnimation(translate);
    setAnimation.addAnimation(scale1);

    // 步驟5:播放動畫
    mButton.startAnimation(setAnimation);

11.2 監聽動畫

Animation類通過監聽動畫開始 / 結束 / 重復時刻來進行一系列操作。具體使用如下：

// 主要通過setAnimationListener()設置
Animation.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {
        // 動畫開始時回調
    }

    @Override
    public void onAnimationEnd(Animation animation) {
        // 動畫結束時回調
    }

    @Override
    public void onAnimationRepeat(Animation animation) {
        //動畫重復執行的時候回調
    }
});

11.3 插值器

具體請看文章：Android：手把手帶你深入了解神秘的估值器（TypeEvaluator）

11.4 估值器

具體請看文章：Android 動畫：手把手帶你深入了解神秘的插值器（Interpolator）

12. 總結

本文對Android 動畫中的補間動畫的使用進行全面 & 詳細介紹
Carson帶你學Android動畫系列文章：
Carson帶你學Android：一份全面&詳細的動畫知識學習攻略
 Carson帶你學Android：常見的三種動畫類型
 Carson帶你學Android：補間動畫學習教程
 Carson帶你學Android：屬性動畫學習教程
 Carson帶你學Android：逐幀動畫學習教程
 Carson帶你學Android：自定義動畫神器-估值器(含實例教學)
Carson帶你學Android：自定義動畫神器-插值器(含實例教學)

歡迎關注Carson_Ho的簡書

不定期分享關于安卓開發的干貨，追求短、平、快，但卻不缺深度。

請點贊！因為你的鼓勵是我寫作的最大動力！

最后編輯于：2021.09.26 10:17:03

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
沈念sama閱讀 228,412評論 6贊 532
死咒
序言：濱河連續發生了三起死亡事件，死亡現場離奇詭異，居然都是意外死亡，警方通過查閱死者的電腦和手機，發現死者居然都...
沈念sama閱讀 98,514評論 3贊 416
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
開封第一講書人閱讀 176,373評論 0贊 374
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長。經常有香客問我，道長，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 62,975評論 1贊 312
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
茶點故事閱讀 71,743評論 6贊 410
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著，像睡著了一般。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發上，一...
開封第一講書人閱讀 55,199評論 1贊 324
城市分裂傳說
那天，我揣著相機與錄音，去河邊找鬼。笑死，一個胖子當著我的面吹牛，可吹牛的內容都是我干的。我是一名探鬼主播，決...
沈念sama閱讀 43,262評論 3贊 441
雙鴛鴦連環套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
開封第一講書人閱讀 42,414評論 0贊 288
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后，有當地人在樹林里發現了一具尸體，經...
沈念sama閱讀 48,951評論 1贊 336
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 40,780評論 3贊 354
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發現自己被綠了。大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 42,983評論 1贊 369
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
沈念sama閱讀 38,527評論 5贊 359
?日本核電站爆炸內幕
正文年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質發生泄漏。R本人自食惡果不足惜，卻給世界環境...
茶點故事閱讀 44,218評論 3贊 347
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 34,649評論 0贊 26
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監牢的瞬間，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 35,889評論 1贊 286
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。一個月前我還...
沈念sama閱讀 51,673評論 3贊 391
代替公主和親
正文我出身青樓，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
茶點故事閱讀 47,967評論 2贊 374

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

Android動畫使用教程：補間動畫該如何使用？

Android動畫使用教程：補間動畫該如何使用？

前言

目錄

1. 簡介

2. 使用場景

2.1 基礎動畫效果

2.2 特殊的應用場景

3. 使用方法

3.1 核心類

3.2 設置方式

4. 平移動畫（Translate）

5. 縮放動畫（Scale）

6. 旋轉動畫（Rotate）

7. 透明度動畫（Alpha）

8. Activity 的切換效果

8.1 系統預設

8.2 自定義切換效果

8.2.1 自定義淡入淡出效果

8.2.2 自定義左右滑動效果

9. Fragment動畫切換效果

10. 視圖組（ViewGroup）中子元素的出場效果

11. 高級使用

11.1 組合動畫

11.2 監聽動畫

11.3 插值器

11.4 估值器

12. 總結

歡迎關注Carson_Ho的簡書

請點贊！因為你的鼓勵是我寫作的最大動力！

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

Android動畫使用教程：補間動畫該如何使用？

前言

目錄

1. 簡介

2. 使用場景

2.1 基礎動畫效果

2.2 特殊的應用場景

3. 使用方法

3.1 核心類

3.2 設置方式

4. 平移動畫（Translate）

5. 縮放動畫（Scale）

6. 旋轉動畫（Rotate）

7. 透明度動畫（Alpha）

8. Activity 的切換效果

8.1 系統預設

8.2 自定義切換效果

8.2.1 自定義 淡入淡出 效果

8.2.2 自定義 左右滑動 效果

9. Fragment動畫切換效果

10. 視圖組（ViewGroup）中子元素的出場效果

11. 高級使用

11.1 組合動畫

11.2 監聽動畫

11.3 插值器

11.4 估值器

12. 總結

歡迎關注Carson_Ho的簡書

請點贊！因為你的鼓勵是我寫作的最大動力！

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

8.2.1 自定義淡入淡出效果

8.2.2 自定義左右滑動效果