學(xué)習(xí)資料：Android開發(fā)藝術(shù)探索和Android應(yīng)用開發(fā)之所有動畫使用詳解

1.Android中的三種動畫

1. View動畫

通過場景里的對象不斷做圖像變換(平移借跪，縮放膏燕，旋轉(zhuǎn)秋泳，透明度)從而產(chǎn)生動畫效果晕粪，是一種漸近式動畫颠蕴，并支持自定義。

2. 幀動畫

幀動畫其實也屬于View動畫辈讶。通過順序播放一系列圖像從而產(chǎn)生動畫效果命浴，可以簡單理解為圖片切換動畫效果，但圖片過多過大會導(dǎo)致OOM

3. 屬性動畫

屬相動畫通過動態(tài)地改變對象的屬性從而達到動畫效果贱除。

重點在于屬性動畫的學(xué)習(xí)

2.View動畫

View動畫的作用對象是View生闲。支持四種典型動畫效果：

• 平移動畫 TranslateAnimation
• 縮放動畫 ScaleAnimation
• 旋轉(zhuǎn)動畫 RotateAnimation
• 透明度動畫 AlphaAnimation

對于View動畫，建議采用xml來定義動畫月幌，這樣可讀性更好

View動畫的四種變換

Animation屬性:

View動畫既可以是單個動畫，也可以是一些列動畫組成缅帘。

<set> 標(biāo)簽標(biāo)示動畫集合，對應(yīng)于AnimationSet類难衰，可以包含若干動畫钦无，也可以嵌套其他的動畫集合。

• android：interpolator
  動畫集合所采用的的插值器盖袭，插值器影響動畫的速度失暂，比如非勻速動畫就需要通過插值器來控制動畫的播放過程。默認(rèn)為@android:anim/accelerate_decelerate_interpolator,即加速加速插值器鳄虱。

• android:shareInterpolator
  集合中的動畫是否和集合共享同一個插值器弟塞。如果集合不指定插值器，子動畫就需要單獨指定所需的插值器或者使用默認(rèn)值拙已。

2.1TranslateAnimation平移動畫

平移動畫

在res下創(chuàng)建anim文件夾倍踪，文件名translate_animation.xml

xml文件代碼：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="false"
    android:duration="100"
    android:repeatMode="restart"
    >
    <translate
        android:repeatCount="2"
        android:fromXDelta="-10"
        android:fromYDelta="-5"
        android:toXDelta="10"
        android:toYDelta="5" />
</set>

java代碼：

Button bt = (Button) view.findViewById(R.id.bt_translate_fragment_translate);
ImageView iv = (ImageView)view.findViewById(R.id.iv_translate_fragment_translate);
//初始化動畫
Animation animation = AnimationUtils.loadAnimation(context, R.anim.translate_animation);
//點擊按鈕開始動畫
bt.setOnClickListener((v) -> iv.startAnimation(animation));

• android:fromXDelta
  x的起始坐標(biāo)值,可以為數(shù)值系宫、百分?jǐn)?shù)、百分?jǐn)?shù)p建车。以View的左上角為坐標(biāo)系原點扩借。負(fù)為左，正為右缤至。

1.0 坐標(biāo)圖

1. 數(shù)值: 10表示以當(dāng)前View左上角坐標(biāo)加10px為初始點

2. 百分?jǐn)?shù): 50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點
3. 百分?jǐn)?shù)p: 50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點

• android:toXDelta
  x的結(jié)束坐標(biāo)值
• android:fromYDelta
  y的起始坐標(biāo)值潮罪。負(fù)為上，正為下
• android:toYDelta
  y的結(jié)束坐標(biāo)值

需要注意的是，TranslateAnimation動畫并不會改變View的位置布局屬性嫉到。

例如沃暗，利用TranslateAnimation把一個Button改變了，點擊移動后的Button是無效的屯碴，而點擊Button移動前的原始空白位置會響應(yīng)Button的點擊事件描睦。

2.2ScaleAnimation縮放動畫

縮放動畫

xml代碼：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fillAfter="false"
    android:repeatMode="reverse">
    <scale
        android:fromXScale="0.5"
        android:fromYScale="0.5"
        android:pivotX="-100"
        android:pivotY="-100"
        android:repeatCount="2"
        android:toXScale="1"
        android:toYScale="1" />
</set>

• android:fromXScale 水平方向的縮放值，數(shù)字代表比例导而。1.0是不縮放

• android:fromYScale 垂直方向的縮放值

• android:toXScale 水平方向的結(jié)束值

• android:toYScale 垂直方向的結(jié)束值

• android:pivotX 縮放的軸點的x軸的坐標(biāo)忱叭。軸點為View的左上角

• android:pivotY 縮放的軸點的y軸的坐標(biāo)

默認(rèn)情況下軸點為View的中心點

感覺書上這里和我實際測試有些出入，我感覺默認(rèn)是View的左上角今艺。不曉得是我哪里搞錯了,希望可以指出韵丑。感覺坐標(biāo)系就是自己上面畫的那個1.0坐標(biāo)圖。

2.2RotateAnimation旋轉(zhuǎn)動畫

旋轉(zhuǎn)動畫

xml代碼:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:repeatMode="reverse">
    <rotate
        android:fromDegrees="0"
        android:pivotX="235"
        android:pivotY="150"
        android:repeatCount="2"
        android:toDegrees="360" />
</set>

• android:fromDegrees 旋轉(zhuǎn)開始的角度
• android:toDegrees 旋轉(zhuǎn)結(jié)束的角度
• android:pivotX 旋轉(zhuǎn)的軸點的x坐標(biāo)
• android:pivotY 旋轉(zhuǎn)的軸點的y坐標(biāo)

2.4AlphaAnimation透明度動畫

透明度動畫

xml代碼:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:repeatMode="reverse">
    <alpha
        android:fromAlpha="1.0"
        android:repeatCount="2"
        android:toAlpha="0.1" />
</set>

• android:fromAlpha 透明度的起始值虚缎，1.0代表最不透明撵彻，值越小越透明
• android:toAlpha 透明度的結(jié)束值

3. 幀動畫

幀動畫是順序播放一組預(yù)先定義好的圖片，類似播放電影实牡。需要用到AnimationDrawable這個類陌僵。

隨便百度的吾王,一點沒有表現(xiàn)出吾王美如畫。

幀動畫

幀動畫使用步驟：

• 先在drawable文件下创坞，定義一個animation-list文件碗短，文件名字frames_animation.xml

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item
        android:drawable="@drawable/a"
        android:duration="500" />
    <item
        android:drawable="@drawable/b"
        android:duration="500" />
    <item
        android:drawable="@drawable/c"
        android:duration="500" />
</animation-list>

• 將Drawable作為View的背景播放

private void initView() {
    ImageView iv = (ImageView) findViewById(R.id.iv_frames_animation_activity);
    Button bt_start= (Button) findViewById(R.id.bt_start_frames_animation_activity);
    Button bt_stop= (Button) findViewById(R.id.bt_stop_frames_animation_activity);

    iv.setBackgroundResource(R.drawable.frames_animation);
    AnimationDrawable animation = (AnimationDrawable) iv.getBackground();

    bt_start.setOnClickListener((v)-> animation.start());
    bt_stop.setOnClickListener((v)->animation.stop());
}

幀動畫使用很簡單，但很容易出現(xiàn)OOM题涨。盡量避免使用較大較多的圖片偎谁。

4.View動畫的特殊使用場景

View動畫除了四種基本使用場景外，還可以在ViewGroup中控制子元素的出場效果纲堵，在Activity中可以實現(xiàn)不同Activity之間的切換效果巡雨。

4.1 LayoutAnimation簡單介紹

LayoutAnimation作用于ViewGroup，為ViewGroup指定一個動畫席函，這樣當(dāng)它的子元素出場時铐望，都會具有這種動畫效果。這種效果常常用于ListView上茂附。

挖坑：RecyclerView子item的動畫效果如何實現(xiàn)蝌以？

LayoutAnimation動畫

使用步驟：

1.指定子View的動畫

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:repeatMode="reverse">
    <rotate
        android:fromDegrees="0"
        android:pivotX="235"
        android:pivotY="150"
        android:repeatCount="2"
        android:toDegrees="360" />
</set>

用的是2.2旋轉(zhuǎn)的動畫

2. 定義LayoutAnimation

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/rotate_animation"
    android:animationOrder="reverse"
    android:delay="1" />

• android:animation

指定子元素入場顯示的動畫

• android:animationOrder

子元素動畫的順序。有: nomal,reverse,random
nomal 順序顯示何之，排在前面的子元素先顯示動畫跟畅；
reverse 逆序顯示，排在后面的子元素先顯示動畫溶推；
random 隨機顯示子元素的動畫

• android:delay

子元素開始動畫的時間延遲徊件。比如子元素的入場動畫周期為300ms奸攻，0.5就表示每個子元素都需要延遲150ms。第一個進來延遲150ms虱痕，播放入場動畫睹耐，第二個子元素延遲300ms播放入場動畫。依次類推部翘。

3.ViewGroup使用LayoutAniimation

采用布局文件的形式硝训，指定android:layoutAnimation

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:layoutAnimation="@anim/layout_anim"
    android:orientation="vertical"
    >

    <ImageView style="@style/img" />

    <ImageView style="@style/img" />

    <ImageView style="@style/img" />

</LinearLayout>

也可以通過代碼來實現(xiàn)：

Animation animation= AnimationUtils.loadAnimation(context,R.anim.resId);
LayoutAnimationController controller = new LayoutAnimationController(animation);
controller.setDelay(1);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
目標(biāo)ViewGroup.setLayoutAnimation(controller);

4.2Activity的切換效果

使用overidePendingTransition(int enterAnim, int exitAnim)可以改變Activity的的默認(rèn)切換效果。這個方法 必須在startActivity()或者finish()之后才有效果新思。

• enterAnim Activity被打開時所需的動畫資源id

• exitAnim Activity被暫停時所需的動畫資源id

啟動一個Activity時：

Intent intent = new Intent(MainActivity.this, activity);
startActivity(intent);
overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim);

退出一個Activity時：

  @Override
  public void finish() {
     super.finish();
     overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim);
}

5.最后

下篇學(xué)習(xí)屬性動畫窖梁。周末填4.1挖的坑，學(xué)習(xí)RecyclerView如何為子item添加動畫效果