Adding Animations之Crossfading Two Views

淡入淡出一般要先先定义两个view 用于切换.
下面例子定义一个ProgressBar 和 TextView 用于切换.
<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>


首先找到需要淡入的mLoadingView和淡出的mContentView;
将淡入的view的setVisibility 设置为View.GONE
得到切换的时间mShortAnimationDuration
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);
    }


调用下面的函数来执行动画效果
将淡入的view的setVisibility 设置为View.VISIBLE，且将alpha设成0
在 onAnimationEnd() 中将淡出的view设置成View.GONE


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);
                }
            });
}