Android Studio中Fragment实现淡出与平移的切换效果

本文章使用android.support.v4.app.Fragment包实现

首先在res文件夹下新建anim文件夹, 并添加以下四个文件:

slide_left_in,左动画进入效果:

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

    <alpha
        android:fromAlpha="0.5"
        android:toAlpha="1.0"
        android:duration="@integer/slideTime"/>

    <translate
        android:fromXDelta="-100%p"
        android:toXDelta="0%p"
        android:duration="@integer/slideTime"/>

</set>

slide_right_in, 右动画进入效果:

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

    <alpha
        android:fromAlpha="0.5"
        android:toAlpha="1.0"
        android:duration="@integer/slideTime"/>

    <translate
        android:fromXDelta="100%p"
        android:toXDelta="0%p"
        android:duration="@integer/slideTime"/>
</set>

slide_left_out左动画淡出效果:

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

    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.5"
        android:duration="@integer/slideTime"/>

    <translate
        android:fromXDelta="0%p"
        android:toXDelta="-100%p"
        android:duration="@integer/slideTime"/>
</set>

slide_right_out右动画淡出效果:

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

    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.5"
        android:duration="@integer/slideTime"/>

    <translate
        android:fromXDelta="0%p"
        android:toXDelta="100%p"
        android:duration="@integer/slideTime"/>
</set>

然后再value文件夹下新建integer.xml文件来设置淡化和平移时间:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="slideTime">500</integer>
</resources>

在Java文件中将切换Fragment的方法内容替换为:

getSupportFragmentManager()
    .beginTransaction()
    .setCustomAnimations(
        R.anim.slide_left_in,
        R.anim.slide_right_out,
        R.anim.slide_right_in,
        R.anim.slide_left_out     
    ).replace(R.id.fragment_container,template_fragment)
    .commitAllowingStateLoss();

即可以实现切换视图时template_fragment从左端进入, 原本的fragment从右端淡出的动画效果.