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：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="100%p"
android:toXDelta="0"/>
出场动画activity_left_out.xml：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="0"
android:toXDelta="-100%p"/>
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：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="-100%p"
android:toXDelta="0"/>
finish时出场动画activity_right_out.xml：
<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="300"
android:fromXDelta="0"
android:toXDelta="100%p"/>
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中配置<item name="android:windowContentTransitions">true</item>
就不需要调用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必须一一对应。
