在Android 中,5.0以前,我们可以利用 google 提供的api来完成转场动画,使界面的跳转顺滑。5.0,Android提供了一种叫做:共享元素。实现,转场时界面如丝般顺滑的过渡,为5.0新特性,如果要在5.0一下设备上实现效果,需要第三方库支持
共享元素第三方相关库:
1.PreLollipopTransition
com.kogitune:pre-lollipop-activity-transition:1.1.0
github下载地址:
https://github.com/takahirom/PreLollipopTransition
2.ActivityOptionsICS
github下载地址:
https://github.com/tianzhijiexian/ActivityOptionsICS
本例环境:
Android studio 1.4.1
Android sdk tools 23.1
共享元素也可通过xml来实现如下:
1、在第一个界面为需要共享的view添加属性
Android:transitionName=”transitionImg”
<ImageView
android:id="@+id/item_image"
android:layout_width="100dp"
android:layout_height="140dp"
android:layout_margin="10dp"
android:scaleType="centerCrop"
android:transitionName="transitionImg"/>
2、在第二个界面为需要共享的view添加属性
android:transitionName=”transitionImg”
<ImageView
android:id="@+id/detail_pic"
android:transitionName="transitionImg"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"/>
注意,这里的属性名字需要一致
3、在第一个界面添加跳转
if (android.os.Build.VERSION.SDK_INT > 20) {
mThis.startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(mThis, imgView, "transitionImg").toBundle());
} else {
mThis.startActivity(intent);
}
这样就实现了如上效果,但是如果需要创建多个共享元素,代码如下:
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,
Pair.create(view1, "agreedName1"),
Pair.create(view2, "agreedName2"));
每次点击的时候,将图片保存了下来,在第二个界面的时候再取出来,确保图片是同一张这样可以确保第一次打开时的动画效果!
通过代码来实现:
1.设置窗口支持进入、退出转场过度,设置支持进入、退出转场元素共享
TransitionSet mtransitionset=new TransitionSet();//制定过度动画set
mtransitionset.addTransition(new ChangeBounds());//改变表框大小
mtransitionset.addTransition(new ChangeImageTransform());//图片移动,还可以是其他的,要什么效果自己添加
mtransitionset.setDuration(250);
getWindow().setEnterTransition(mtransitionset);//注意,下面是必须的
getWindow().setExitTransition(mtransitionset);
getWindow().setSharedElementEnterTransition(mtransitionset);
getWindow().setSharedElementExitTransition(mtransitionset);
2.在启动activity添加共享的元素
ActivityOptionsCompat aop=ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivity.this,
view.findViewById(R.id.imageView),"123");
//指定imageView为共享元素,注意“123”,必须和SecondActivity**中共享的元素名称一致**,此处共享的元素可以是多个,多个元素,查看makeSceneTransitionAnimation的重载方法
Intent intent=new Intent(getApplicationContext(),SecondActivity.class);
//启动 ActivityCompat.startActivity(MainActivity.this,intent,aop.toBundle());
3.在被启动activity设置共享的元素
//在SecondActivity中,设置共享元素,注意:"123"必须和MainActivity中的一致
ImageView imageView=(ImageView)findViewById(R.id.imageView2);
ViewCompat.setTransitionName(imageView, "123");