Android動(dòng)畫使用（二）——補(bǔ)間（View）動(dòng)畫

特別提醒：本文參考摘自【工匠若水 http://blog.csdn.net/yanbober/article/details/46481171 】 及【Carson_Ho：http://www.itdecent.cn/p/2412d00a0ce4 】 強(qiáng)烈建議讀者進(jìn)入原博客查看學(xué)習(xí)。

1、Android動(dòng)畫簡(jiǎn)介

1.1 分類

Android系統(tǒng)提供了很多豐富的API去實(shí)現(xiàn)UI的2D與3D動(dòng)畫，最主要的劃分可以分為如下幾類：

Drawable Animation： 這種動(dòng)畫（也叫Frame動(dòng)畫、幀動(dòng)畫）其實(shí)可以劃分到視圖動(dòng)畫的類別，專門用來一個(gè)一個(gè)的顯示Drawable的resources，就像放幻燈片一樣。

View Animation： 視圖動(dòng)畫在古老的Android版本系統(tǒng)中就已經(jīng)提供了，只能被用來設(shè)置View的動(dòng)畫。

**Property Animation： **屬性動(dòng)畫只對(duì)Android 3.0（API 11）以上版本的Android系統(tǒng)才有效，這種動(dòng)畫可以設(shè)置給任何Object，包括那些還沒有渲染到屏幕上的對(duì)象。這種動(dòng)畫是可擴(kuò)展的，可以讓你自定義任何類型和屬性的動(dòng)畫。

1.2 每種動(dòng)畫的特點(diǎn)及區(qū)別

Drawable Animation：幀動(dòng)畫沒有什么好說的，就是把幾張圖片按一定間隔順序顯示出來，就像播放幻燈片一樣，實(shí)際開發(fā)中用處不大。

View Animation：View動(dòng)畫只能夠?yàn)閂iew添加動(dòng)畫，如果想為非View對(duì)象添加動(dòng)畫須自己實(shí)現(xiàn)；且View動(dòng)畫支持的種類很少；尤其是他改變的是View的繪制效果，View的屬性沒有改變，其位置與大小都不變； View動(dòng)畫代碼量少，使用簡(jiǎn)單方便。

**Property Animation： **屬性動(dòng)畫彌補(bǔ)了View動(dòng)畫的缺陷，可以為一個(gè)對(duì)象的任意屬性添加動(dòng)畫，對(duì)象自己的屬性會(huì)被真的改變；當(dāng)對(duì)象的屬性變化的時(shí)候，屬性動(dòng)畫會(huì)自動(dòng)刷新屏幕；屬性動(dòng)畫改變的是對(duì)象的真實(shí)屬性，而且屬性動(dòng)畫不止用于View，還可以用于任何對(duì)象。

2、補(bǔ)間動(dòng)畫相關(guān)介紹

2.1 View動(dòng)畫概述

視圖動(dòng)畫，也叫Tween（補(bǔ)間）動(dòng)畫可以在一個(gè)視圖容器內(nèi)執(zhí)行一系列簡(jiǎn)單變換（位置、大小、旋轉(zhuǎn)、透明度）。譬如，如果你有一個(gè)TextView對(duì)象，您可以移動(dòng)、旋轉(zhuǎn)、縮放、透明度設(shè)置其文本，當(dāng)然，如果它有一個(gè)背景圖像，背景圖像會(huì)隨著文本變化。
補(bǔ)間動(dòng)畫通過XML或Android代碼定義，建議使用XML文件定義，因?yàn)樗呖勺x性、可重用性。

2.2 View動(dòng)畫的分類

根據(jù)不同的動(dòng)畫效果，補(bǔ)間動(dòng)畫分為4種動(dòng)畫：

  • 平移動(dòng)畫（Translate）
  • 縮放動(dòng)畫（scale）
  • 旋轉(zhuǎn)動(dòng)畫（rotate）
  • 透明度動(dòng)畫（alpha）

如下是視圖動(dòng)畫相關(guān)的類繼承關(guān)系：


3050655-518e71e06aeaef42.png
java類名 xml關(guān)鍵字 描述信息
AlphaAnimation <alpha> 放置在res/anim/目錄下漸變透明度動(dòng)畫效果
RotateAnimation <rotate> 放置在res/anim/目錄下畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果
ScaleAnimation <scale> 放置在res/anim/目錄下漸變尺寸伸縮動(dòng)畫效果
TranslateAnimation <translate> 放置在res/anim/目錄下畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果
AnimationSet <set> 放置在res/anim/目錄下一個(gè)持有其它動(dòng)畫元素alpha、scale、translate、rotate或者其它set元素的容器

3、具體屬性詳解

3.1 Animation屬性詳解

通過上文中的類繼承關(guān)系，可以看出來Animation抽象類是所有補(bǔ)間動(dòng)畫類的基類，所以基類會(huì)提供一些通用的動(dòng)畫屬性方法，如下我們就來詳細(xì)看看這些屬性：

xml屬性 java方法 解釋
android:detachWallpaper setDetachWallpaper(boolean) 是否在壁紙上運(yùn)行
android:duration setDuration(long) 動(dòng)畫持續(xù)時(shí)間，毫秒為單位
android:fillAfter setFillAfter(boolean) 控件動(dòng)畫結(jié)束時(shí)是否保持動(dòng)畫最后的狀態(tài)
android:fillBefore setFillBefore(boolean) 控件動(dòng)畫結(jié)束時(shí)是否還原到開始動(dòng)畫前的狀態(tài)
android:fillEnabled setFillEnabled(boolean) 與android:fillBefore效果相同
android:interpolator setInterpolator(Interpolator) 設(shè)定插值器（指定的動(dòng)畫效果，譬如回彈等）
android:repeatCount setRepeatCount(int) 重復(fù)次數(shù)
android:repeatMode setRepeatMode(int) 重復(fù)類型有兩個(gè)值，reverse表示倒序回放，restart表示從頭播放
android:startOffset setStartOffset(long) 調(diào)用start函數(shù)之后等待開始運(yùn)行的時(shí)間，單位為毫秒
android:zAdjustment setZAdjustment(int) 表示被設(shè)置動(dòng)畫的內(nèi)容運(yùn)行時(shí)在Z軸上的位置（top/bottom/normal），默認(rèn)為normal

也就是說，無論我們補(bǔ)間動(dòng)畫的哪一種都已經(jīng)具備了這種屬性，也都可以設(shè)置使用這些屬性中的一個(gè)或多個(gè)。

3.2 Alpha屬性詳解

xml屬性 java方法 解釋
android:fromAlpha AlphaAnimation(float fromAlpha, …) 動(dòng)畫開始的透明度（0.0到1.0，0.0是全透明，1.0是不透明）
android:toAlpha AlphaAnimation(…, float toAlpha) 動(dòng)畫結(jié)束的透明度，同上

3.3 Rotate屬性詳解

xml屬性 java方法 解釋
android:fromDegrees RotateAnimation(float fromDegrees, …) 旋轉(zhuǎn)開始角度，正代表順時(shí)針度數(shù)，負(fù)代表逆時(shí)針度數(shù)
android:toDegrees RotateAnimation(…, float toDegrees, …) 旋轉(zhuǎn)結(jié)束角度，正代表順時(shí)針度數(shù)，負(fù)代表逆時(shí)針度數(shù)
android:pivotX RotateAnimation(…, float pivotX, …) 縮放起點(diǎn)X坐標(biāo)（數(shù)值、百分?jǐn)?shù)、百分?jǐn)?shù)p，譬如50表示以當(dāng)前View左上角坐標(biāo)加50px為初始點(diǎn)、50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點(diǎn)、50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點(diǎn)）
android:pivotY RotateAnimation(…, float pivotY) 縮放起點(diǎn)Y坐標(biāo)，同上規(guī)律

3.4 Scale屬性詳解

xml屬性 java方法 解釋
android:fromXScale ScaleAnimation(float fromX, …) 初始X軸縮放比例，1.0表示無變化
android:toXScale ScaleAnimation(…, float toX, …) 結(jié)束X軸縮放比例
android:fromYScale ScaleAnimation(…, float fromY, …) 初始Y軸縮放比例
android:toYScale ScaleAnimation(…, float toY, …) 結(jié)束Y軸縮放比例
android:pivotX ScaleAnimation(…, float pivotX, …) 縮放起點(diǎn)X軸坐標(biāo)（數(shù)值、百分?jǐn)?shù)、百分?jǐn)?shù)p，譬如50表示以當(dāng)前View左上角坐標(biāo)加50px為初始點(diǎn)、50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點(diǎn)、50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點(diǎn)）
android:pivotY ScaleAnimation(…, float pivotY) 縮放起點(diǎn)Y軸坐標(biāo)，同上規(guī)律

3.5 Translate屬性詳解

xml屬性 java方法 解釋
android:fromXDelta TranslateAnimation(float fromXDelta, …) 起始點(diǎn)X軸坐標(biāo)（數(shù)值、百分?jǐn)?shù)、百分?jǐn)?shù)p，譬如50表示以當(dāng)前View左上角坐標(biāo)加50px為初始點(diǎn)、50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點(diǎn)、50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點(diǎn)）
android:fromYDelta TranslateAnimation(…, float fromYDelta, …) 起始點(diǎn)Y軸從標(biāo)，同上規(guī)律
android:toXDelta TranslateAnimation(…, float toXDelta, …) 結(jié)束點(diǎn)X軸坐標(biāo)，同上規(guī)律
android:toYDelta TranslateAnimation(…, float toYDelta) 結(jié)束點(diǎn)Y軸坐標(biāo)，同上規(guī)律

3.6 AnimationSet詳解

AnimationSet繼承自Animation，是上面四種的組合容器管理類，沒有自己特有的屬性，他的屬性繼承自Animation，所以特別注意，當(dāng)我們對(duì)set標(biāo)簽使用Animation的屬性時(shí)會(huì)對(duì)該標(biāo)簽下的所有子控件都產(chǎn)生影響。

4、基本使用詳解

  • 補(bǔ)間動(dòng)畫的使用方式分為兩種：在XML 代碼 / Java 代碼里設(shè)置

1、前者優(yōu)點(diǎn)：動(dòng)畫描述的可讀性更好
2、后者優(yōu)點(diǎn)：動(dòng)畫效果可動(dòng)態(tài)創(chuàng)建

4.1 Animation一些比較實(shí)用的方法介紹：

Animation類的方法 解釋
reset() 重置Animation的初始化
cancel() 取消Animation動(dòng)畫
start() 開始Animation動(dòng)畫
setAnimationListener(AnimationListener listener) 給當(dāng)前Animation設(shè)置動(dòng)畫監(jiān)聽
hasStarted() 判斷當(dāng)前Animation是否開始
hasEnded() 判斷當(dāng)前Animation是否結(jié)束
  • 既然補(bǔ)間動(dòng)畫只能給View使用，那就來看看View中和動(dòng)畫相關(guān)的幾個(gè)常用方法吧，如下：
View類的常用動(dòng)畫操作方法 解釋
startAnimation(Animation animation) 對(duì)當(dāng)前View開始設(shè)置的Animation動(dòng)畫
clearAnimation() 取消當(dāng)View在執(zhí)行的Animation動(dòng)畫

4.2 平移動(dòng)畫（Translate）

  • 效果圖大致如下：
944365-8a3b098cd05bb56a.gif

4.2.1 方式一：xml文件設(shè)置

  • 步驟一：創(chuàng)建xml動(dòng)畫文件（必須放到 res/anim 文件夾下）

translate_animation.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    
    android:duration="3000"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="500"
    android:toYDelta="500">

</translate>
    <!--// 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
        共有屬性在xml中設(shè)置時(shí)要設(shè)置在set中
        android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間（ms），必須設(shè)置，動(dòng)畫才有效果
        android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間（ms）
        android:fillBefore = “true” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)，默認(rèn)為true
        android:fillAfter = “false” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)，優(yōu)先于fillBefore值，默認(rèn)為false
        android:fillEnabled= “true” // 是否應(yīng)用fillBefore值，對(duì)fillAfter值無影響，默認(rèn)為true
        android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式，restart代表正序重放，reverse代表倒序回放，默認(rèn)為restart|
        android:repeatCount = “0” // 重放次數(shù)（所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1），為infinite時(shí)無限重復(fù)
        android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講
    
        // 以下參數(shù)是平移動(dòng)畫特有的屬性
        android:fromXDelta="0" // 視圖在水平方向x 移動(dòng)的起始值
        android:toXDelta="500" // 視圖在水平方向x 移動(dòng)的結(jié)束值
    
        android:fromYDelta="0" // 視圖在豎直方向y 移動(dòng)的起始值
        android:toYDelta="500" // 視圖在豎直方向y 移動(dòng)的結(jié)束值-->
  • 步驟2：在Java代碼中創(chuàng)建 Animation 對(duì)象并播放動(dòng)畫

MainActivity.java文件如下：

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫
        Animation translateAnimation = AnimationUtils.loadAnimation(this, R.anim.translate_animation);

        //開始動(dòng)畫
        bt_translate.startAnimation(translateAnimation);

    }

}

4.2.2 方式二：java代碼中設(shè)置

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫(參數(shù)就是TranslateAnimation特有的屬性)
        TranslateAnimation translateAnimation = new TranslateAnimation(0, 500, 0, 500);
        //設(shè)置時(shí)長
        translateAnimation.setDuration(3000);

        //開始動(dòng)畫
        bt_translate.startAnimation(translateAnimation);

    }

}

4.3 縮放動(dòng)畫（Scale）

  • 效果圖大致如下：
944365-66c2f784ce14950f.gif

4.3.1 方式一：xml文件設(shè)置

  • 步驟一：創(chuàng)建xml動(dòng)畫文件（必須放到 res/anim 文件夾下）

scale_animation.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>

<scale xmlns:android="http://schemas.android.com/apk/res/android"

    android:duration="3000"
    android:fromXScale="0.0"
    android:fromYScale="0.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="2.0"
    android:toYScale="2">

</scale>
<!--// 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
    android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間（ms），必須設(shè)置，動(dòng)畫才有效果
    android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間（ms）
    android:fillBefore = “true” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)，默認(rèn)為true
    android:fillAfter = “false” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)，優(yōu)先于fillBefore值，默認(rèn)為false
    android:fillEnabled= “true” // 是否應(yīng)用fillBefore值，對(duì)fillAfter值無影響，默認(rèn)為true
    android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式，restart代表正序重放，reverse代表倒序回放，默認(rèn)為restart|
    android:repeatCount = “0” // 重放次數(shù)（所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1），為infinite時(shí)無限重復(fù)
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講
    
    // 以下參數(shù)是縮放動(dòng)畫特有的屬性
    android:fromXScale="0.0" // 動(dòng)畫在水平方向X的起始縮放倍數(shù)
    // 0.0表示收縮到?jīng)]有；1.0表示正常無伸縮
    // 值小于1.0表示收縮；值大于1.0表示放大
    
    android:toXScale="2"  //動(dòng)畫在水平方向X的結(jié)束縮放倍數(shù)
    
    android:fromYScale="0.0" //動(dòng)畫開始前在豎直方向Y的起始縮放倍數(shù)
    android:toYScale="2" //動(dòng)畫在豎直方向Y的結(jié)束縮放倍數(shù)
    
    android:pivotX="50%" // 縮放軸點(diǎn)的x坐標(biāo)
    android:pivotY="50%" // 縮放軸點(diǎn)的y坐標(biāo)
    // 軸點(diǎn) = 視圖縮放的中心點(diǎn)
    
    // pivotX pivotY,可取值為數(shù)字，百分比，或者百分比p
    // 設(shè)置為數(shù)字時(shí)（如50），軸點(diǎn)為View的左上角的原點(diǎn)在x方向和y方向加上50px的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.ABSOLUTE。
    // 設(shè)置為百分比時(shí)（如50%），軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上自身寬度50%和y方向自身高度50%的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_SELF。
    // 設(shè)置為百分比p時(shí)（如50%p），軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上父控件寬度50%和y方向父控件高度50%的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_PARENT-->
  • 步驟二：在Java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫

MainActivity.java代碼如下：

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫
        Animation scaleAnimation=AnimationUtils.loadAnimation(this,R.anim.scale_animation);

        //開始動(dòng)畫
        bt_translate.startAnimation(scaleAnimation);

    }

}

4.3.2 方式二：java代碼中設(shè)置

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫(參數(shù)就是ScaleAnimation特有的屬性)
        ScaleAnimation scaleAnimation = new ScaleAnimation(0, 2, 0, 2,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        // 參數(shù)說明:
        // 1. fromX ：動(dòng)畫在水平方向X的結(jié)束縮放倍數(shù)
        // 2. toX ：動(dòng)畫在水平方向X的結(jié)束縮放倍數(shù)
        // 3. fromY ：動(dòng)畫開始前在豎直方向Y的起始縮放倍數(shù)
        // 4. toY：動(dòng)畫在豎直方向Y的結(jié)束縮放倍數(shù)
        // 5. pivotXType:縮放軸點(diǎn)的x坐標(biāo)的模式
        // 6. pivotXValue:縮放軸點(diǎn)x坐標(biāo)的相對(duì)值
        // 7. pivotYType:縮放軸點(diǎn)的y坐標(biāo)的模式
        // 8. pivotYValue:縮放軸點(diǎn)y坐標(biāo)的相對(duì)值
        // pivotXType = Animation.ABSOLUTE:縮放軸點(diǎn)的x坐標(biāo) =  View左上角的原點(diǎn) 在x方向 加上 pivotXValue數(shù)值的點(diǎn)(y方向同理)
        // pivotXType = Animation.RELATIVE_TO_SELF:縮放軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 自身寬度乘上pivotXValue數(shù)值的值(y方向同理)
        // pivotXType = Animation.RELATIVE_TO_PARENT:縮放軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 父控件寬度乘上pivotXValue數(shù)值的值 (y方向同理)

        //設(shè)置時(shí)長
        scaleAnimation.setDuration(3000);

        //開始動(dòng)畫
        bt_translate.startAnimation(scaleAnimation);

    }

}

4.4 旋轉(zhuǎn)動(dòng)畫（Rotate）

  • 效果圖大致如下：


    944365-20f34d5aa917478a.gif

4.4.1 方式一：xml文件中設(shè)置

  • 步驟一：創(chuàng)建xml動(dòng)畫文件（必須放到 res/anim 文件夾下）

rotate_animation.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>

<rotate xmlns:android="http://schemas.android.com/apk/res/android"

    android:duration="3000"
    android:fromDegrees="0"
    android:toDegrees="270"
    android:pivotX="50%"
    android:pivotY="0">

</rotate>
<!-- // 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
    android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間（ms），必須設(shè)置，動(dòng)畫才有效果
    android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間（ms）
    android:fillBefore = “true” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)，默認(rèn)為true
    android:fillAfter = “false” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)，優(yōu)先于fillBefore值，默認(rèn)為false
    android:fillEnabled= “true” // 是否應(yīng)用fillBefore值，對(duì)fillAfter值無影響，默認(rèn)為true
    android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式，restart代表正序重放，reverse代表倒序回放，默認(rèn)為restart|
    android:repeatCount = “0” // 重放次數(shù)（所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1），為infinite時(shí)無限重復(fù)
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講

    // 以下參數(shù)是旋轉(zhuǎn)動(dòng)畫特有的屬性
    android:fromDegrees="0" // 動(dòng)畫開始時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
    android:toDegrees="270" // 動(dòng)畫結(jié)束時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
    android:pivotX="50%" // 旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo)
    android:pivotY="0" // 旋轉(zhuǎn)軸點(diǎn)的y坐標(biāo)
    // 軸點(diǎn) = 視圖縮放的中心點(diǎn)

    // pivotX pivotY,可取值為數(shù)字，百分比，或者百分比p
    // 設(shè)置為數(shù)字時(shí)（如50），軸點(diǎn)為View的左上角的原點(diǎn)在x方向和y方向加上50px的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.ABSOLUTE。
    // 設(shè)置為百分比時(shí)（如50%），軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上自身寬度50%和y方向自身高度50%的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_SELF。
    // 設(shè)置為百分比p時(shí)（如50%p），軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上父控件寬度50%和y方向父控件高度50%的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_PARENT
    // 兩個(gè)50%表示動(dòng)畫從自身中間開始，具體如下圖-->
  • 步驟二：在java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫

MainActivity.java代碼如下：

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫
        Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate_animation);

        //開始動(dòng)畫
        bt_translate.startAnimation(rotateAnimation);

    }

}

4.4.2 方式二：java代碼中設(shè)置

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫(參數(shù)就是RotateAnimation特有的屬性)
        RotateAnimation rotateAnimation = new RotateAnimation(0, 270, Animation.RELATIVE_TO_SELF, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f);
        // 參數(shù)說明:
        // 1. fromDegrees ：動(dòng)畫開始時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
        // 2. toDegrees ：動(dòng)畫結(jié)束時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針，負(fù)數(shù) = 逆時(shí)針)
        // 3. pivotXType：旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo)的模式
        // 4. pivotXValue：旋轉(zhuǎn)軸點(diǎn)x坐標(biāo)的相對(duì)值
        // 5. pivotYType：旋轉(zhuǎn)軸點(diǎn)的y坐標(biāo)的模式
        // 6. pivotYValue：旋轉(zhuǎn)軸點(diǎn)y坐標(biāo)的相對(duì)值
        // pivotXType = Animation.ABSOLUTE:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo) =  View左上角的原點(diǎn) 在x方向 加上 pivotXValue數(shù)值的點(diǎn)(y方向同理)
        // pivotXType = Animation.RELATIVE_TO_SELF:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 自身寬度乘上pivotXValue數(shù)值的值(y方向同理)
        // pivotXType = Animation.RELATIVE_TO_PARENT:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 父控件寬度乘上pivotXValue數(shù)值的值 (y方向同理)

        //設(shè)置時(shí)長
        rotateAnimation.setDuration(3000);

        //開始動(dòng)畫
        bt_translate.startAnimation(rotateAnimation);

    }

}

4.5 透明度動(dòng)畫（Alpha）

  • 效果圖大致如下：


    944365-bdd51d4125069243.gif

4.5.1 方式一：xml文件中設(shè)置

  • 步驟一：創(chuàng)建xml動(dòng)畫文件（必須放到 res/anim 文件夾下）

alpha_animation.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"

    android:duration="3000"
    android:fromAlpha="0"
    android:toAlpha="1.0" >
    
</alpha>

<!--// 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
    android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間（ms），必須設(shè)置，動(dòng)畫才有效果
    android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間（ms）
    android:fillBefore = “true” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)，默認(rèn)為true
    android:fillAfter = “false” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)，優(yōu)先于fillBefore值，默認(rèn)為false
    android:fillEnabled= “true” // 是否應(yīng)用fillBefore值，對(duì)fillAfter值無影響，默認(rèn)為true
    android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式，restart代表正序重放，reverse代表倒序回放，默認(rèn)為restart|
    android:repeatCount = “0” // 重放次數(shù)（所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1），為infinite時(shí)無限重復(fù)
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講

    // 以下參數(shù)是透明度動(dòng)畫特有的屬性
    android:fromAlpha="1.0" // 動(dòng)畫開始時(shí)視圖的透明度(取值范圍: -1 ~ 1)
    android:toAlpha="0.0"http:// 動(dòng)畫結(jié)束時(shí)視圖的透明度(取值范圍: -1 ~ 1)-->
  • 步驟二：在java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫

MainActivity.java代碼如下：

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫
        Animation alphaAnimation = AnimationUtils.loadAnimation(this,R.anim.alpha_animation);

        //開始動(dòng)畫
        bt_translate.startAnimation(alphaAnimation);

    }

}

4.5.2 方式二：java代碼中設(shè)置

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫（參數(shù)就是AlphaAnimation特有的屬性）
        AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f);
        // 參數(shù)說明:
        // 1. fromAlpha:動(dòng)畫開始時(shí)視圖的透明度(取值范圍: -1 ~ 1)
        // 2. toAlpha:動(dòng)畫結(jié)束時(shí)視圖的透明度(取值范圍: -1 ~ 1)

        //設(shè)置時(shí)長
        alphaAnimation.setDuration(3000);

        //開始動(dòng)畫
        bt_translate.startAnimation(alphaAnimation);

    }

}

4.6 組合動(dòng)畫（set）

  • 上文講的都是單個(gè)動(dòng)畫效果；而實(shí)際中很多需求都需要同時(shí)使用平移、縮放、旋轉(zhuǎn) & 透明度4種動(dòng)畫，即組合動(dòng)畫

  • 特別注意：當(dāng)我們對(duì)set標(biāo)簽使用Animation的屬性時(shí)會(huì)對(duì)該標(biāo)簽下的所有子控件都產(chǎn)生影響。

  • 效果圖大致如下：


    944365-92c62cfb465f67e3.gif

4.6.1 方式一：xml文件中設(shè)置

  • 步驟一：創(chuàng)建xml動(dòng)畫文件（必須放到 res/anim 文件夾下）

set_animation.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>
<!--// 組合動(dòng)畫同樣具備公共屬性
    android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間（ms），必須設(shè)置，動(dòng)畫才有效果
    android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間（ms）
    android:fillBefore = “true” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)，默認(rèn)為true
    android:fillAfter = “false” // 動(dòng)畫播放完后，視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)，優(yōu)先于fillBefore值，默認(rèn)為false
    android:fillEnabled= “true” // 是否應(yīng)用fillBefore值，對(duì)fillAfter值無影響，默認(rèn)為true
    android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式，restart代表正序重放，reverse代表倒序回放，默認(rèn)為restart|
    android:repeatCount = “0” // 重放次數(shù)（所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1），為infinite時(shí)無限重復(fù)
    android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影響動(dòng)畫的播放速度,后文會(huì)詳細(xì)講

    // 組合動(dòng)畫獨(dú)特的屬性
    android:shareinterpolator = “true”
    // 表示組合動(dòng)畫中的動(dòng)畫是否和集合共享同一個(gè)差值器
    // 如果集合不指定插值器，那么子動(dòng)畫需要單獨(dú)設(shè)置

    // 組合動(dòng)畫播放時(shí)是全部動(dòng)畫同時(shí)開始
    // 如果想不同動(dòng)畫不同時(shí)間開始就要使用android:startOffset屬性來延遲單個(gè)動(dòng)畫播放時(shí)間
-->

<set xmlns:android="http://schemas.android.com/apk/res/android">

    // 設(shè)置旋轉(zhuǎn)動(dòng)畫，語法同單個(gè)動(dòng)畫
    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:toDegrees="360" />

    // 設(shè)置平移動(dòng)畫，語法同單個(gè)動(dòng)畫
    <translate
        android:duration="10000"
        android:fromXDelta="-50%p"
        android:fromYDelta="0"
        android:startOffset="1000"
        android:toXDelta="50%p"
        android:toYDelta="0" />

    // 設(shè)置透明度動(dòng)畫，語法同單個(gè)動(dòng)畫
    <alpha
        android:duration="3000"
        android:fromAlpha="1.0"
        android:startOffset="7000"
        android:toAlpha="0.0" />


    // 設(shè)置縮放動(dòng)畫，語法同單個(gè)動(dòng)畫
    <scale
        android:duration="1000"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:startOffset="4000"
        android:toXScale="0.5"
        android:toYScale="0.5" />
    <!--//特別注意：
     1. 在組合動(dòng)畫里scale縮放動(dòng)畫設(shè)置的repeatCount（重復(fù)播放）和fillBefore（播放完后，視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)）是無效的。
     2. 所以如果需要重復(fù)播放或者回到原位的話需要在set標(biāo)簽里設(shè)置
     3. 但是由于此處rotate旋轉(zhuǎn)動(dòng)畫里已設(shè)置repeatCount為infinite，所以動(dòng)畫不會(huì)結(jié)束，也就看不到重播和回復(fù)原位-->
</set>
  • 步驟二：在java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫

MainActivity.java代碼如下：

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建動(dòng)畫
        Animation setAnimation=AnimationUtils.loadAnimation(this,R.anim.set_animation);

        //開始動(dòng)畫
        bt_translate.startAnimation(setAnimation);

    }

}

4.6.2 方式二：java代碼中設(shè)置

public class MainActivity extends AppCompatActivity {

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

        Button bt_translate = (Button) findViewById(R.id.bt_translate);

        //創(chuàng)建集合動(dòng)畫
        AnimationSet setAnimation = new AnimationSet(true);
        // 特別說明以下情況：
        // 因?yàn)樵谙旅娴男D(zhuǎn)動(dòng)畫設(shè)置了無限循環(huán)(RepeatCount = INFINITE)
        // 所以動(dòng)畫不會(huì)結(jié)束，而是無限循環(huán)
        // 所以組合動(dòng)畫的下面兩行設(shè)置是無效的
        setAnimation.setRepeatMode(Animation.RESTART);
        setAnimation.setRepeatCount(1);// 設(shè)置了循環(huán)一次,但無效

        // 子動(dòng)畫1:旋轉(zhuǎn)動(dòng)畫
        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);

        // 子動(dòng)畫2:平移動(dòng)畫
        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);

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

        // 子動(dòng)畫4:縮放動(dòng)畫
        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);

        //將子動(dòng)畫添加到組合動(dòng)畫中
        setAnimation.addAnimation(alpha);
        setAnimation.addAnimation(rotate);
        setAnimation.addAnimation(translate);
        setAnimation.addAnimation(scale1);

        //開始動(dòng)畫
        bt_translate.startAnimation(setAnimation);

    }

}

5、視圖動(dòng)畫注意事項(xiàng)

特別特別注意：補(bǔ)間動(dòng)畫執(zhí)行之后并未改變View的真實(shí)布局屬性值。切記這一點(diǎn)，譬如我們?cè)贏ctivity中有一個(gè)Button在屏幕上方，我們?cè)O(shè)置了平移動(dòng)畫移動(dòng)到屏幕下方然后保持動(dòng)畫最后執(zhí)行狀態(tài)呆在屏幕下方，這時(shí)如果點(diǎn)擊屏幕下方動(dòng)畫執(zhí)行之后的Button是沒有任何反應(yīng)的，而點(diǎn)擊原來屏幕上方?jīng)]有Button的地方卻響應(yīng)的是點(diǎn)擊Button的事件。

6、動(dòng)畫監(jiān)聽

  • Animation類通過監(jiān)聽動(dòng)畫開始 / 結(jié)束 / 重復(fù)時(shí)刻來進(jìn)行一系列操作，如跳轉(zhuǎn)頁面等等

  • 通過在 java 代碼里setAnimationListener()方法設(shè)置，如下：

//動(dòng)畫監(jiān)聽
        animation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                //該方法動(dòng)畫開始時(shí)執(zhí)行
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                //該方法動(dòng)畫結(jié)束時(shí)執(zhí)行
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                //該動(dòng)畫重復(fù)時(shí)執(zhí)行
            }
        });

6、插值器 & 估值器

具體請(qǐng)看文章Android 動(dòng)畫：你真的會(huì)使用插值器與估值器嗎？（含詳細(xì)實(shí)例教學(xué)）

7、應(yīng)用場(chǎng)景

7.1 標(biāo)準(zhǔn)的動(dòng)畫效果

  • 補(bǔ)間動(dòng)畫常用于視圖View的一些標(biāo)準(zhǔn)動(dòng)畫效果：平移、旋轉(zhuǎn)、縮放 & 透明度；

  • 除了常規(guī)的動(dòng)畫使用，補(bǔ)間動(dòng)畫還有一些特殊的應(yīng)用場(chǎng)景。

7.2 特殊的應(yīng)用場(chǎng)景

  • Activity 的切換效果
  • Fragement 的切換效果
  • 視圖組（ViewGroup）中子元素的出場(chǎng)效果

具體請(qǐng)看原文：http://www.itdecent.cn/p/733532041f46

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容