前言

漸變動畫（也叫消失）通常指漸漸的淡出某個 UI 元件，同時同步地淡入另一個。在你 App 想切換內容或 view 的情況下，這種動畫很有用。漸變簡短不易察覺，它也能提供從一個介面到下一個之間流暢的轉換。但當你不使用它們時，轉換經常會感到生硬而倉促。
效果如下圖所示：

實現步驟

1.建立view

建立兩個你想相互漸變的 view。下面的例子建立了一個進度提示圈和可滑動文字 view。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width
 
="match_parent"
    android:layout_height="match_parent">

    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView style="?android:textAppearanceMedium"
 

            android:lineSpacingMultiplier="1.2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/lorem_ipsum"
            android:padding="16dp" />

    </ScrollView>

    <ProgressBar android:id="@+id/loading_spinner"
 

        style="?android:progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />

</FrameLayout>

2.設定動畫

為設定動畫，你需要：

• 1.為你想漸變的 view 建立成員變數。在之後動畫應用途中修改 View 的時候你會需要這些引用的。
• 2.對於被淡入的 view，設定它的 visibility 為 GONE。這樣防止 view 再佔據佈局的空間，而且也能在佈局計算中將其忽略，加速處理過程。
• 3.將 config_shortAnimTime 系統屬性暫存到一個成員變數裡。這個屬性為動畫定義了一個標準的“短”持續時間。對於細微或者快速發生的動畫，這是個很理想的持續時段。config_longAnimTime 和 config_mediumAnimTime 也行，如果你想用的話。

下面是個使用之前程式碼佈局作為內容 view 的 activity 例子。

public class CrossfadeActivity extends Activity {

    private View mContentView;
    private View mLoadingView;
    private int mShortAnimationDuration;

    ...

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

        mContentView = findViewById(R.id.content);
        mLoadingView = findViewById(R.id.loading_spinner);

        // Initially hide the content view.
        mContentView.setVisibility(View.GONE);

        // Retrieve and cache the system's default "short" animation time.
        mShortAnimationDuration = getResources().getInteger(
                android.R.integer.config_shortAnimTime);
    }

3.漸變View

既然正確地設定了那些 view，做下面這些事情來漸變他們吧：

• 1.對於正在淡入的 view，設定它的 alpha 值為 0 並且設定 visibility 為 VISIBLE（記住他起初被設定成了 GONE）。這樣就讓 view 可見了但是它是透明的。
• 2.同樣對於淡入的 view，把 alpha 值從 0 動態改變到 1。同時，對於淡出的 view，把 alpha 值從 1 動態變到 0。
• 3.使用 Animator.AnimatorListener 中的 onAnimationEnd()，設定淡出 view 的 visibility 為 GONE。即使 alpha 值為 0，也要把 view 的 visibility 設定成 GONE 來防止 view 佔據佈局空間，還能把它從佈局計算中忽略，加速處理過程。

下面方法展示如何做這些：

private View mContentView;
private View mLoadingView;
private int mShortAnimationDuration;

...

private void crossfade() {

    // Set the content view to 0% opacity but visible, so that it is visible
    // (but fully transparent) during the animation.
    mContentView.setAlpha(0f);
    mContentView.setVisibility(View.VISIBLE);

    // Animate the content view to 100% opacity, and clear any animation
    // listener set on the view.
    mContentView.animate()
            .alpha(1f)
            .setDuration(mShortAnimationDuration)
            .setListener(null);

    // Animate the loading view to 0% opacity. After the animation ends,
    // set its visibility to GONE as an optimization step (it won't
    // participate in layout passes, etc.)
    mLoadingView.animate()
            .alpha(0f)
            .setDuration(mShortAnimationDuration)
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    mLoadingView.setVisibility(View.GONE);
                }
            });
}