安卓共享元素之Activity跳转

在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"/>
    
    
1
2
3
4
5
6
7
    
    
1
2
3
4
5
6
7

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"/>
    
    
1
2
3
4
5
6
    
    
1
2
3
4
5
6

注意，这里的属性名字需要一致

3、在第一个界面添加跳转

if (android.os.Build.VERSION.SDK_INT > 20) {
                    mThis.startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(mThis, imgView, "transitionImg").toBundle());
                } else {
                    mThis.startActivity(intent);
                }
    
    
1
2
3
4
5
    
    
1
2
3
4
5

这样就实现了如上效果，但是如果需要创建多个共享元素，代码如下：

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);
   
   
1
2
3
4
5
6
7
8
   
   
1
2
3
4
5
6
7
8

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());
   
   
1
2
3
4
5
   
   
1
2
3
4
5

3.在被启动activity设置共享的元素

//在SecondActivity中，设置共享元素，注意："123"必须和MainActivity中的一致
 ImageView  imageView=(ImageView)findViewById(R.id.imageView2);
        ViewCompat.setTransitionName(imageView, "123");
   
   
1
2
3
   
   
1
2
3

demo下载

下载地址：http://download.csdn.net/detail/kasieryang/9279601