Activity转场切换动画

1、 Android 5.0之前转场动画

• 在Android 5.0以前实现转场动画是通过补间动画来实现，通常是在Activity中是overridePendingTransition(int enterAnim, int exitAnim)方法。
• 在Activity的onCreate中调用overridePendingTransition方法只对主动启动Activity有效，如果我们返回上一个Activity也需要同样的转场动画，就需要在finish方法也添加上这个方法。
  enterAnim和exitAnim两个参数对应的是两个View动画：

1.1 onCreate()

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

private void setStartActivityAnim() {
    overridePendingTransition(R.anim.activity_right_in, R.anim.activity_left_out);
}

入场动画activity_right_in.xml：

出场动画activity_left_out.xml：

1.2 finish()

@Override
public void finish() {
    super.finish();
    setEndActivityAnim();
}

private void setEndActivityAnim() {
    overridePendingTransition(R.anim.activity_left_in, R.anim.activity_right_out);
}

finish时入场动画activity_left_in.xml：

finish时出场动画activity_right_out.xml：

2 Android 5.0之后转场动画 Activity Transition

Android 5.0之后，谷歌引入了 Activity Transition 来实现交互更加友好的转场动画效果。

2.1 分类

• Tansition的类型共有三种：
• 进入 —— 决定Activity中的所有视图怎么进入屏幕
• 退出 —— 决定Activity中的所有视图怎么退出屏幕
• 共享元素 —— 决定两个Activity之间的过渡时怎么共享它们的视图

• 进入和退出包含如下动画效果：
• explode(分解) —— 从屏幕中间进或出
• slide(滑动) —— 从屏幕边缘进或出地
• fade(淡出) —— 改变屏幕上视图的不透明度实现添加或移除视图的效果

• 共享元素包含如下动画效果：
• changeBounds —— 改变目标视图的布局边界
• changeClipBounds —— 裁剪目标视图边界
• changeTransform —— 改变目标视图的缩放比例和旋转角度
• changeImageTransform —— 改变目标图片的大小和缩放比例

2.2 Explode（分解）、Slide（滑动）、Fade（淡出）三种转场动画的使用

第一个Activity中：

public void explode(View view) {
    Intent intent = new Intent(this, NextTransitionActivity.class);
    intent.putExtra("flag", "explode");
    startActivity(intent,
            ActivityOptionsCompat.makeSceneTransitionAnimation(this).toBundle());
}

public void slide(View view) {
    Intent intent = new Intent(this, NextTransitionActivity.class);
    intent.putExtra("flag", "slide");
    startActivity(intent,
            ActivityOptionsCompat.makeSceneTransitionAnimation(this).toBundle());
}

public void fade(View view) {
    Intent intent = new Intent(this, NextTransitionActivity.class);
    intent.putExtra("flag", "fade");
    startActivity(intent,
            ActivityOptionsCompat.makeSceneTransitionAnimation(this).toBundle());
}

启动的第二个Activity中：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
    switch (getIntent().getStringExtra("flag")) {
        case "explode":
            getWindow().setEnterTransition(new Explode());
            getWindow().setExitTransition(new Explode());
            break;
        case "slide":
            getWindow().setEnterTransition(new Slide());
            getWindow().setExitTransition(new Slide());
            break;
        case "fade":
            getWindow().setEnterTransition(new Fade());
            getWindow().setExitTransition(new Fade());
            break;
    }
    setContentView(R.layout.activity_next_transition);
}

• 在第二个Activity中可以通过在style中配置true
  就不需要调用getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS)。

2.3 共享元素转场动画，使用也比较简单：

@Override
public void onItemClick(AdapterView parent, View view, int position, long id) {
    TransitionAdapter.TransitionViewHolder holder = (TransitionAdapter.TransitionViewHolder) view.getTag();
    View shareViewImg = holder.civImg;
    View shareViewName = holder.tvName;
    Intent intent = new Intent(this, NextTransitionActivity.class);
    intent.putExtra("flag", "share");
    startActivity(intent, ActivityOptionsCompat
            .makeSceneTransitionAnimation(this,
                    Pair.create(shareViewImg, "shareView_img"),
                    Pair.create(shareViewName, "shareView_name"))
            .toBundle());
}

• 这里使用ListView实现一个列表，列表中的头像和名字作为共享元素。在ListView的item的布局以及第二个启动的Activity的布局中，被共享的View都需要在布局文件中添加上相同android:transitionName属性，当然也可以在Java代码中通过ViewCompat.setTransitionName(View view, String transitionName)方法来设置共享View的transitionName。
• 我们给头像和名称分别指定android:transitionName="shareView_img"和android:transitionName="shareView_name"。
  点击item后启动目标Activity时，指定的options参数为：

ActivityOptionsCompat.makeSceneTransitionAnimation(this,
        Pair.create(shareViewImg,"shareView_img"),
        Pair.create(shareViewName, "shareView_name"))
.toBundle());

通过options参数，可以利用Pair构造多个共享元素，但是共享元素View的共享名称transitionName必须一一对应。

参考

https://juejin.im/entry/58df4b5d44d904006d0bf5a0