Android Fragment切换动画的2种实现方式

最新推荐文章于 2024-05-28 17:46:10 发布

今人不见古时月,今月曾经照古人

最新推荐文章于 2024-05-28 17:46:10 发布

阅读量4.2k

点赞数 1

分类专栏： Android Activity 文章标签： android

原文链接：https://blog.csdn.net/qq402164452/article/details/73611233

版权

Android 同时被 2 个专栏收录

437 篇文章 19 订阅

订阅专栏

Activity

26 篇文章 1 订阅

订阅专栏

Fragment切换动画
在Activity跳转之间可以设置动画效果，例如平移，渐变，旋转等动画，当然在Fragment中也可以设置切换的动画效果，可以达到跟ViewPager切换动画类似的效果。在Fragment中设置自定义切换动画主要分为了两种情景，一种是使用 android.app.Fragment包里面的Fragment类时，FragmentManager里面的FragmentTransaction事务只支持XML中的animator标签，如objectAnimator属性动画，不支持传统的补间动画标签如<translate>,<alpha>等。

另一种是使用兼容性版本的android.support.v4.app.Fragment包里面的Fragment类，SupportFragmentManager里面的FragmentTransaction事务支持XML中的animation标签，也就是传统的补间动画，例如<translate>,<alpha>，不支持属性动画标签。

设置Fragment的切换动画主要是使用FragmentTransaction事务类的中setCustomAnimations方法：

setCustomAnimations
FragmentTransaction setCustomAnimations (int enter,
int exit,
int popEnter,
int popExit)

该方法有4个参数，第一个参数enter是指当一个Fragment被添加added 或者绑定attached到视图上，该Fragment进入视图时的animation或者animator的资源ID；第二个参数exit是指当一个Fragment从视图上被移除removed或者解除绑定detached时，该Fragment移出视图时的animation或者animator的资源ID；第三个参数popEnter是指当调用popBackStack（）方法或者类似的方法弹出栈顶的Fragment后，Fragment栈的栈顶Fragment重新被添加readded或重新绑定reattached到视图上时，该Fragment进入视图时的animation或者animator的资源ID；第四个参数popExit是指当调用popBackStack（）方法或者类似的方法弹出栈顶的Fragment时，该弹出的Fragment即从视图上被移除removed或者解除绑定detached，该Fragment移出视图时的animation或者animator的资源ID。

android.support.v4.app.Fragment包实现如下：

要实现Fragment的自定义切换动画效果，首先需要自定义XML动画资源文件，可以在res文件夹下新建anim文件夹然后新建XML资源文件。由于android.support.v4.app.Fragment包只支持补间动画的标签，所以可以按照自己的想法来在根标签set中新建动画标签来实现效果，如translate平移，alpha渐变透明度，rotate旋转，scale缩放等。

slide_left_in.xml 左视图进入时动画

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

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

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

</set>

slide_left_out.xml 左视图移出时动画

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

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

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

</set>

slide_right_in.xml 右视图进入时动画

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

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

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

</set>

slide_right_out.xml 右视图移出时动画

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

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

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

</set>

Activity中实现
注意使用getSupport来获取support.V4包里面的代码资源：

public class MainActivity extends BaseActivity {
    private FirstFragment firstFragment;
    private SecondFragment secondFragment;
    private Button previous;
    private Button next;

    @Override
    protected void initView() {
        setContentView(R.layout.activity_main);
        previous= (Button) findViewById(R.id.Btn_Previous);
        next= (Button) findViewById(R.id.Btn_Next);
    }

    @Override
    protected void initData() {
        firstFragment=new FirstFragment();
        secondFragment=new SecondFragment();
        getSupportFragmentManager()
                .beginTransaction()
                .add(R.id.Container,firstFragment)
                .commit();
    }

    @Override
    protected void initListener() {
        previous.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getSupportFragmentManager()
                        .popBackStack();
            }
        });

        next.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getSupportFragmentManager()
                        .beginTransaction()
                        .setCustomAnimations(
                                R.anim.slide_right_in,
                                R.anim.slide_left_out,
                                R.anim.slide_left_in,
                                R.anim.slide_right_out
                        ).replace(R.id.Container,secondFragment)
                        .addToBackStack(null)
                        .commit();
            }
        });
    }

}

android.app.Fragment包实现如下：

android.app.Fragment包里面的FragmentManager的Transaction事务只支持属性动画的资源标签，所以可以在res文件夹中新建animator文件夹，然后在该animator中的根标签set内新建<objectAnimator>标签来实现动画效果，objectAnimator标签中可以指定propertyName来实现特定的动画效果，如alpha渐变透明度，translateX X轴上的平移，rotationY Y轴上的旋转等等。

card_flip_left_in.xml 左视图进入时动画

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

    <objectAnimator
        android:propertyName="rotationY"
        android:valueFrom="-180"
        android:valueTo="0"
        android:duration="@integer/card_flip_time_full"
        android:interpolator="@android:interpolator/accelerate_decelerate"/>

    <objectAnimator
        android:propertyName="alpha"
        android:valueFrom="0.0"
        android:valueTo="1.0"
        android:duration="1"
        android:startOffset="@integer/card_flip_time_half"/>
</set>

card_flip_left_out.xml 左视图移出时动画

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

    <objectAnimator
        android:propertyName="rotationY"
        android:valueFrom="0"
        android:valueTo="-180"
        android:duration="@integer/card_flip_time_full"
        android:interpolator="@android:interpolator/accelerate_decelerate"/>

    <objectAnimator
        android:propertyName="alpha"
        android:valueFrom="1.0"
        android:valueTo="0.0"
        android:duration="1"
        android:startOffset="@integer/card_flip_time_half"/>

</set>

card_flip_right_in.xml 右视图进入时动画

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


    <objectAnimator
        android:propertyName="rotationY"
        android:valueFrom="180"
        android:valueTo="0"
        android:duration="@integer/card_flip_time_full"
        android:interpolator="@android:interpolator/accelerate_decelerate"/>

    <objectAnimator
        android:propertyName="alpha"
        android:valueFrom="0.0"
        android:valueTo="1.0"
        android:duration="1"
        android:startOffset="@integer/card_flip_time_half"/>

</set>

card_flip_right_out.xml 右视图移出时动画

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

    <objectAnimator
        android:propertyName="rotationY"
        android:valueFrom="0"
        android:valueTo="180"
        android:duration="@integer/card_flip_time_full"
        android:interpolator="@android:interpolator/accelerate_decelerate"/>

    <objectAnimator
        android:propertyName="alpha"
        android:valueFrom="1.0"
        android:valueTo="0.0"
        android:duration="1"
        android:startOffset="@integer/card_flip_time_half"/>

</set>

Activity中实现
注意使用App包里面的Fragment时，只能使用getFragmentManager来使用，不能使用V4包里面的support组件:

public class MainActivity extends BaseActivity {
    private FirstFragment firstFragment;
    private SecondFragment secondFragment;
    private Button previous;
    private Button next;

    @Override
    protected void initView() {
        setContentView(R.layout.activity_main);
        previous= (Button) findViewById(R.id.Btn_Previous);
        next= (Button) findViewById(R.id.Btn_Next);
    }

    @Override
    protected void initData() {
        firstFragment=new FirstFragment();
        secondFragment=new SecondFragment();
        getFragmentManager()
                .beginTransaction()
                .add(R.id.Container,firstFragment)
                .commit();
    }

    @Override
    protected void initListener() {
        previous.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getFragmentManager()
                        .popBackStack();
            }
        });

        next.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getFragmentManager()
                        .beginTransaction()
                        .setCustomAnimations(
                                R.animator.card_flip_right_in,
                                R.animator.card_flip_left_out,
                                R.animator.card_flip_left_in,
                                R.animator.card_flip_right_out
                        ).replace(R.id.Container,secondFragment)
                        .addToBackStack(null)
                        .commit();
            }
        });
    }

}

————————————————

转载于：https://blog.csdn.net/qq402164452/article/details/73611233

今人不见古时月,今月曾经照古人

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
Android Fragment切换动画的2种实现方式

Fragment切换动画在Activity跳转之间可以设置动画效果，例如平移，渐变，旋转等动画，当然在Fragment中也可以设置切换的动画效果，可以达到跟ViewPager切换动画类似的效果。在Fragment中设置自定义切换动画主要分为了两种情景，一种是使用 android.app.Fragment包里面的Fragment类时，FragmentManager里面的FragmentTransaction事务只支持XML中的animator标签，如objectAnimator属性动画，不支持传统的补间动画
复制链接

扫一扫

专栏目录