自定義控件三部曲之動畫篇（二）——Interpolator插值器

2019-11-06 09:37:54

字體：大中小

來源：轉載

供稿：網友

轉：自定義控件三部曲之動畫篇（二）——Interpolator插值器

前言：雖然我不太能欣賞的了帕爾哈提的音樂，但我確實很欣賞他的人生態度，專心做自己，不想名利得失，有一天，你想要的東西都會來。其實我覺得，人生最可怕的就是停止不前，只要一直前行，總有一天會到達人生巔峰。

相關文章：

《Android自定義控件三部曲文章索引》

一、概述

Interpolator屬性是Animation類的一個xml屬性，所以alpha、scale、rotate、translate、set都會繼承得到這個屬性。Interpolator被譯為插值器，其實我不大能從字面上理解為什么會這樣譯，其實他是一個指定動畫如何變化的東東，跟PS里的動作有點類似：隨便拿來一張圖片，應用一個動作，圖片就會指定變化。

Interpolator的系統值有下面幾個：

意義如下：

AccelerateDecelerateInterpolator 在動畫開始與介紹的地方速率改變比較慢，在中間的時候加速AccelerateInterpolator 在動畫開始的地方速率改變比較慢，然后開始加速AnticipateInterpolator 開始的時候向后然后向前甩AnticipateOvershootInterpolator 開始的時候向后然后向前甩一定值后返回最后的值BounceInterpolator 動畫結束的時候彈起CycleInterpolator 動畫循環播放特定的次數，速率改變沿著正弦曲線DecelerateInterpolator 在動畫開始的地方快然后慢LinearInterpolator 以常量速率改變OvershootInterpolator 向前甩一定值后再回到原來位置下面看看各個標簽在應用上面的每個插值器后會運動軌跡會怎樣。

二、scale標簽

下面先看看Scale標簽應用插值器后，都會變成什么樣。

先看下XML代碼：（從控件中心點，從0放大到1.4倍，保持結束時的狀態）

[html] view plain copy

<?xml version="1.0" encoding="utf-8"?> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="0.0" android:toXScale="1.4" android:fromYScale="0.0" android:toYScale="1.4" android:pivotX="50%" android:pivotY="50%" android:duration="700" android:fillAfter="true" /> 下面一個個看看，每個xml值對應的scale動畫是怎樣的。

AccelerateInterpolator DecelerateInterpolator

在動畫開始的地方速率改變比較慢，然后開始加速在動畫開始的地方快然后慢

AnticipateInterpolator AnticipateOvershootInterpolator

開始的時候向后然后向前甩開始的時候向后然后向前甩一定值后返回最后的值

BounceInterpolator CycleInterpolator

動畫結束的時候彈起動畫循環播放特定的次數，速率改變沿著正弦曲線

LinearInterpolator OvershootInterpolator

以常量速率改變向前甩一定值后再回到原來位置

三、rotate標簽

下面先看看rotate標簽應用插值器后，都會變成什么樣。

先看下XML代碼：（從控件中心點，從0放大到1.4倍，保持結束時的狀態）

[html] view plain copy

<?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:duration="700" android:fillAfter="true" /> AccelerateDecelerateInterpolator%20 %20在動畫開始與介紹的地方速率改變比較慢，在中間的時候加速

AccelerateInterpolator DecelerateInterpolator

在動畫開始的地方速率改變比較慢，然后開始加速在動畫開始的地方快然后慢

AnticipateInterpolator AnticipateOvershootInterpolator

開始的時候向后然后向前甩開始的時候向后然后向前甩一定值后返回最后的值

BounceInterpolator CycleInterpolator

動畫結束的時候彈起動畫循環播放特定的次數，速率改變沿著正弦曲線

LinearInterpolator OvershootInterpolator

以常量速率改變向前甩一定值后再回到原來位置

四、alpha標簽

下面先看看alpha標簽應用插值器后，都會變成什么樣。

將透明度從0變成1.0，使用不同的插值器看看有什么不同（因為只是透明度的變化，所以基本看不出來有什么不同）[html] view plain copy

<?xml version="1.0" encoding="utf-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="3000" android:fillAfter="true" /> AccelerateDecelerateInterpolator%20 %20在動畫開始與介紹的地方速率改變比較慢，在中間的時候加速

AccelerateInterpolator DecelerateInterpolator

在動畫開始的地方速率改變比較慢，然后開始加速在動畫開始的地方快然后慢

AnticipateInterpolator AnticipateOvershootInterpolator

開始的時候向后然后向前甩開始的時候向后然后向前甩一定值后返回最后的值

BounceInterpolator CycleInterpolator

動畫結束的時候彈起動畫循環播放特定的次數，速率改變沿著正弦曲線

LinearInterpolator OvershootInterpolator

以常量速率改變向前甩一定值后再回到原來位置

五、translate標簽

下面先看看translate標簽應用插值器后，都會變成什么樣。

把控件從（0，0）平移到（-200，-200）的位置，保持結束時狀態不變，使用不同插值器。[html] view plain copy

<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXDelta="0" android:toXDelta="-200" android:fromYDelta="0" android:toYDelta="-200" android:duration="2000" android:fillAfter="true" />

AccelerateDecelerateInterpolator%20 %20在動畫開始與介紹的地方速率改變比較慢，在中間的時候加速

AccelerateInterpolator DecelerateInterpolator

在動畫開始的地方速率改變比較慢，然后開始加速在動畫開始的地方快然后慢