Activity之间的动画切换学习笔记（一）

Activity之间的动画切换

首先什么是Transition?

安卓5.0中Activity和Fragment变换是建立在名叫Transitions的安卓新特性之上的。这个诞生于4.4的transition框架为在不同的UI状态之间产生动画效果提供了非常方便的API。该框架主要基于两个概念：场景（scenes）和变换（transitions）。场景（scenes）定义了当前的UI状态，变换（transitions）则定义了在不同场景之间动画变化的过程。虽然transition翻译为变换似乎很确切，但是总觉得还是没有直接使用transition直观，为了更好的理解下面个别地方直接用transition代表变换。

当一个场景改变的时候，transition主要负责：

（1）捕捉每个View在开始场景和结束场景时的状态。
（2）根据两个场景（开始和结束）之间的区别创建一个Animator。

transition框架的两个主要优点。第一、Transitions抽象和封装了属性动画，Animator的概念对开发者来说是透明的，因此它极大 的精简了代码量。开发者所做的所有事情只是改变一下view前后的状态数据，Transition就会自动的根据状态的区别去生成动画效果。第二、不同场 景之间变换的动画效果可以简单的通过使用不同的Transition类来改变。一般的transition有explode，fade，slide。

在开始讲解之前我们先做一些约定，虽然下面的约定是针对activity的，但是在Fragment中也是一样的约定。
AB表示两个Activity，现在假设A跳转B。这里的进入和退出一个有两种方式。
Activity transition API围绕退出（exit），进入（enter），返回（return）和再次进入（reenter）四种transition。按照上面对A和B的约定，我这样描述这一过程。

Activity A的退出变换（exit transition）决定了在A调用B的时候，A中的View是如何播放动画的。
Activity B的进入变换（enter transition）决定了在A调用B的时候，B中的View是如何播放动画的。
Activity B的返回变换（return transition）决定了在B返回A的时候，B中的View是如何播放动画的。
Activity A的再次进入变换（reenter transition）决定了在B返回A的时候，A中的View是如何播放动画的。

具体的使用步骤：
1.在调用与被调用的activity中，通过设定Window.FEATURE_ACTIVITY_TRANSITIONS 和 Window.FEATURE_CONTENT_TRANSITIONS 来启用transition api ，可以通过代码也可以通过设置主题来启用：
A.代码方式，在setContentView之前调用：
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
B.主题xml
item name=”android:windowContentTransitions”>true

2.分别在调用与被调用的activity中设置exit 和enter transition。Material主题默认会将exit的transition设置成null而enter的transition设 置成Fade .如果reenter 或者 return transition没有明确设置，则将用exit 和enter的transition替代。

            getWindow().setExitTransition(explode);
            getWindow().setEnterTransition(explode);

开始一个activity的content transaction需要调用startActivity(Context, Bundle)方法，将下面的bundle作为第二个参数：
只是单纯的slide或者fade效果以及只有一个view元素共享，
Bundle=ActivityOptions.makeSceneTransitionAnimation(this).toBundle();
Bundle= ActivityOptions.makeSceneTransitionAnimation(this, view, “transitionName”).toBundle());
但是如果是多个view进行元素共享，用pari更方便
Pari：import android.support.v4.util.Pair;
//比如三个view同时设置共享元素

Pair first=new Pair<>(small, ViewCompat.getTransitionName(small));
Pair second=new Pair<>(small1, ViewCompat.getTransitionName(small1));
Pair thid=new Pair<>(small2, ViewCompat.getTransitionName(small2));
ActivityOptionsCompat optionsMore = ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivity.this, first,second,thid);

熟悉基本的步骤后下面整理几个学习的demo
1.explode|slide|fade

explode:

final Transition explode = TransitionInflater.from(this).inflateTransition(R.transition.explode);
   /*
  退出时使用
   */
  getWindow().setExitTransition(explode);
   /*
   第一次进入时使用
   */
  getWindow().setEnterTransition(explode);
  /*
   再次进入时使用
   */
 getWindow().setReenterTransition(explode);
 startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(StartActivity.this).toBundle());

fade:

 final Transition fade = TransitionInflater.from(this).inflateTransition(R.transition.fade);

 findViewById(R.id.fade).setOnClickListener(new View.OnClickListener() {
    @Override
  public void onClick(View v) {
   getWindow().setExitTransition(fade);
  getWindow().setEnterTransition(fade);
  getWindow().setReenterTransition(fade);
  startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(StartActivity.this).toBundle());
    }
});

slide:

 final Transition slide= TransitionInflater.from(this).inflateTransition(R.transition.slide);
 findViewById(R.id.slide).setOnClickListener(new View.OnClickListener() {
    @Override
  public void onClick(View v) {
   getWindow().setExitTransition(slide);
  getWindow().setEnterTransition(slide);
  getWindow().setReenterTransition(slide);
  startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(StartActivity.this).toBundle());
    }
});

元素共享：

  @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        final Intent intent = new Intent(MainActivity.this, Main2Activity.class);
        small= (TextView) findViewById(R.id.small);
        small1= (TextView) findViewById(R.id.small1);
        small2= (TextView) findViewById(R.id.small2);



        //多个view同时分享元素，就要用到pari

    findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
      Pair first=new Pair<>(small, ViewCompat.getTransitionName(small));
      Pair second=new Pair<>(small1, ViewCompat.getTransitionName(small1));
      Pair thid=new Pair<>(small2, ViewCompat.getTransitionName(small2));
      ActivityOptionsCompat optionsMore = ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivity.this, first,second,thid);
                startActivity(intent,optionsMore.toBundle());
            }
        });
    }

这里注意，这个时候使用的不是ActivityOptions而是ActivityOptionsCompat

这里写共享元素的时候出现两个问题：
第一个：

这个是由于所有的TransitionName设置的值都是一样的，感觉起来第二只有
第二个问题：

我打印了Activity1中的log，发现控件的可见值发生了变化，但是具体原因我不清楚….还在找：

    是否可见----第一个8  第二个8   第三个0
    是否可见----第一个4  第二个0   第三个0

以上，我们都是主要在Activity1中设置动画，还有一个问题就是假设不在点击事件中进行startActivity，就会有一个异常，这个问题我也在找….(好多问题还不清楚…..还在学习…..).

这个效果，是不是感觉像侧滑菜单，这个就是直接在Activity2中调用setupWindowAnimations即可

 private void setupWindowAnimations() {
        Transition fade = TransitionInflater.from(this).inflateTransition(R.transition.slide);
        getWindow().setReturnTransition(fade);//返回上一个activity 时本activity的效果
        getWindow().setEnterTransition(fade);//进入本activity时本activity的效果
    }

以上，就是现在的一个学习整理，还有好多不清楚的地方还在查找学习，加油~

参考数据：
https://github.com/lgvalle/Material-Animations/blob/master/README.md
http://www.jianshu.com/p/1b5212d84a15
http://blog.youkuaiyun.com/u013675234/article/details/50472282
http://blog.youkuaiyun.com/huachao1001/article/details/51659963
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0201/2394.html
http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0113/2310.html