MD设计对activity的跳转动画也有专门的senceTransition效果,简单效果图如下:
主要代码如下:
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//activity转场动画要求是5.0以上才有这个效果 getWindow().requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS);
}
//在mainActivity中的imageview布局文件,记得要添加transitionname属性,同时在targetActivity中的布局文件也要添加这个属性,名字可以不一样的
<ImageView
android:id="@+id/iv_sharedElement"
android:transitionName="image"
android:layout_marginTop="10dp"
android:src="@drawable/timg"
android:layout_width="match_parent"
android:layout_height="300dp" />
//targetActivity中的返回事件代码
findViewById(R.id.backActivity).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
finishAfterTransition();
}else{
finish();
}
}
});
=================分割线======================
上面只是分享一个元素,下面是多个元素分享,看效果图,注意图片和按钮的运动轨迹。
//和上面的代码没多大差别
Pair<View, String> pair1 = new Pair<>((View) btnNext,"button");
Pair<View,String> pair2=Pair.create((View) shareElement,"image");
ActivityOptionsCompat image = makeSceneTransitionAnimation(MainActivity.this,pair1,pair2);
Intent intent = new Intent(MainActivity.this, SecondActivity.class);
startActivity(intent, image.toBundle());
=================分割线======================
还有一张window窗口的动画,这种动画会将toolbar和状态栏一起动起来,见下面效果图,原生模拟器还好是有点卡
注意里面有activity的跳转以及最后退出的动画效果,整个窗口一起往下slide,代码如下:
//系统自带有三种动画,slide、Explode、Fade,自己可以随便组合定义
Slide tran=new Slide();
//Explode tran=new Explode();
getWindow().setExitTransition(tran);
getWindow().setEnterTransition(tran);
总结:上面的代码两个activity都要写。
ActivityOptionsCompat和ActivityOptions两个的区别是,前者兼容低版本,这里的兼容是在里面 做了很多的版本判断,但效果却不能兼容21一下
最后将窗口动画和ActivityOptions结合一下,
可以自己调节动画类型和动画的时间来调整更酷炫的效果
//MainActivity的代码如下:
Slide slide = new Slide();
//Explode tran=new Explode();
slide.setDuration(2000);
Explode explode=new Explode();
explode.setDuration(2000);
getWindow().setExitTransition(explode);
getWindow().setEnterTransition(slide);
ActivityOptionsCompat image = makeSceneTransitionAnimation(MainActivity.this);
Intent intent = new Intent(MainActivity.this, SecondActivity.class);
startActivity(intent,image.toBundle());
//SecondActivity的代码
Slide slide=new Slide();
slide.setDuration(2000);
Explode explode=new Explode();
explode.setDuration(2000);
getWindow().setExitTransition(slide);
getWindow().setEnterTransition(explode);
finishAfterTransition();
效果图如下: