Android -- 基础篇 -- Fragment转场动画 （中）

一、简介：

   本文将讲解Fragment切换动画。

二、Fragment转场动画

Fragment的转场动画实现分为使用v4包和不使用v4包两种情况，不使用v4包的话，最低API Level需要是11。

1、标准转场动画：

　　可以给Fragment指定标准的转场动画，通过setTransition(int transit)方法。

　　该方法可传入的三个参数是：

　　TRANSIT_NONE //无动画

　　TRANSIT_FRAGMENT_OPEN  //打开形式的动画

　　TRANSIT_FRAGMENT_CLOSE  //关闭形式的动画

　　标准动画设置好后，在Fragment添加和移除的时候都会有。

2、自定义转场动画：

自定义转场动画是通过setCustomAnimations()方法，因为Fragment添加时可以指定加入到Back Stack中，所以转场动画有添加、移除、从Back stack中pop出来，还有进入四种情况。

 注意setCustomAnimations()方法必须在add、remove、replace调用之前被设置，否则不起作用。

3、android.app.Fragment：

Fragment

        FragmentTransaction

不使用v4包的情况下(min API >=11)所对应的动画类型是Property Animation。

即动画资源文件需要放在res\animator\目录下，且根标签是<set>, <objectAnimator>, or <valueAnimator>三者之一。

这一点也可以从Fragment中的这个方法看出：onCreateAnimator(int transit, boolean enter, int nextAnim)，返回值是Animator。

自定义转场动画时，四个参数的形式setCustomAnimations (int enter, int exit, int popEnter, int popExit)是API Level 13才有的，11只引入了两个动画的形式，即无法指定Back Stack栈操作时的转场动画。

4、android.support.v4.app.Fragment

Fragment

FragmentTransaction

使用v4包，Fragment的使用不再局限于API Level 11之上，低等级的API也可以使用，但是这时候转场动画的类型是View Animation。

动画资源放在res\anim\路径下，和Activity的转场动画一样。

Fragment中的方法：onCreateAnimation(int transit, boolean enter, int nextAnim)返回值Animation。

 FragmentTransaction中的setCustomAnimations()方法，两参数类型和四参数类型都可用。

所以一般还是用v4包的这个版本，一是兼容性比较好，另外View Animation其实基本可以满足转场动画的需要。

 

三、Fragment自定义动画

 1、初始化Activity，并加载第一个Fragment

AlphaFirstFragment alphaFirstFragment = new AlphaFirstFragment();
FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction();
fragmentTransaction.replace(R.id.object_animator_frameLayout, alphaFirstFragment).commit();

2、AlphaFirstFragment代码

public class AlphaFirstFragment extends Fragment {

    private FragmentTransaction fragmentTransaction;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_alpha, container, false);
        view.setBackgroundResource(R.color.colorAccent);
        ((TextView) view.findViewById(R.id.alpha)).setText("AlphaFirstFragment");
        Button button = (Button) view.findViewById(R.id.object_animator_bt);
        fragmentTransaction = getFragmentManager().beginTransaction();
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                fragmentTransaction.setCustomAnimations(R.animator.scalex_enter, R.animator.scalex_exit);  //设置跳转动画
                fragmentTransaction.replace(R.id.object_animator_frameLayout, new AlphaSecondFragment()).commit();
            }
        });
        return view;
    }
}

3、AlphaSecondFragment

public class AlphaSecondFragment extends Fragment {

    private FragmentTransaction fragmentTransaction;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_alpha,container,false);
        view.setBackgroundResource(R.color.color_cab364);
        ((TextView)view.findViewById(R.id.alpha)).setText("AlphaSecondFragment");
        Button button = (Button) view.findViewById(R.id.object_animator_bt);
        fragmentTransaction = getFragmentManager().beginTransaction();
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                fragmentTransaction.setCustomAnimations(R.animator.slide_fragment_horizontal_left_in, R.animator.slide_fragment_horizontal_left_out);
                fragmentTransaction.replace(R.id.object_animator_frameLayout, new AlphaFirstFragment()).commit();
            }
        });
        return view;
    }
}

4、res/animator

4.1、scalex_enter.xml

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

    <objectAnimator
        android:duration="0"
        android:propertyName="alpha"
        android:valueFrom="1.0"
        android:valueTo="0.0" />

    <objectAnimator
        android:duration="300"
        android:propertyName="scaleX"
        android:startOffset="300"
        android:valueFrom="0.0"
        android:valueTo="1.0"
        android:valueType="floatType" />

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

4.2、scalex_exit.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
        
    <objectAnimator
        android:duration="300"
        android:propertyName="scaleX"
        android:valueFrom="1.0"
        android:valueTo="0.0"
        android:valueType="floatType" />

</set>

以上就是Fragment切换动画，源码，就不放了，很简单的。大家可以自定义实现res/animator下的xml实现各种Fragment切换动画。