Android -- 基础篇 -- Fragment转场动画 (中)

来源:互联网 发布:淘宝鲁班banner 编辑:程序博客网 时间:2024/06/10 06:43


一、简介:

   本文将讲解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切换动画。

 

原创粉丝点击