安卓共享元素之Activity跳轉

原創

2020-02-21 17:26

在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");