今天來說一說Transition,這個我們肯定不陌生，實現共享元素就會用到這個API。Activities之間精美的動畫也全靠這個來實現。從Kitkat版本就出現了Sence與Transition（場景和轉換）的概念，那麼今天我們先來說一說這兩個概念的基本用法。

• Scene
  定義了介面當前的狀態資訊，儲存了佈局中所有View的屬性值
• Transition
  當一個場景改變的時候，transition主要負責：捕獲每個View在開始場景和結束場景時的狀態（各種屬性值）；根據兩個場景（開始和結束）之間的區別自動建立一個Animator。

• TransitionManager
  這個類將Sence

  與Transition關聯了起來，大多數情況下的場景變化都會使用AutoTransition。只有當應用程式需要不同的轉換行為時，才需要指定其他的Transition來滿足特定的場景需求。

  • setTransition(Scene scene, Transition transition)
    設定需要的場景與過渡動畫

  • setTransition(Scene fromScene, Scene toScene, Transition transition)
    設定起始場景和結束場景與過渡動畫

  • go(Scene scene)
    切換到指定的場景

  • go(Scene scene, Transition transition)

    
    切換到指定的場景以及所使用的過渡動畫，transition如果傳了null,那麼就沒有了過渡動畫。

  • beginDelayedTransition（ViewGroup sceneRoot， Transition transition）
    可以自定義場景過渡的方法，呼叫此方法時，TransitionManager會捕獲sceneRoot中View的屬性值，然後發出請求以在下一幀上進行轉換。那時候，sceneRoot中的新值將被捕獲，變化的過程將會以動畫的形式展現出來。我們沒有必要建立一個新的Scene，因為這個方法主要是用來展現當前場景到下一幀的過渡效果。

  • void endTransitions (ViewGroup sceneRoot)

    
    結束指定場景根目錄在準備/正在進行的轉換。

更詳細的解釋，請移步官方API。

AutoTransition

建立預設轉場時使用的工具類，在場景更改期間實現自動淡化，移動檢視並調整檢視的大小的動畫。例如：
我們為一個ViewGroup設定了背景，然後設定了一個Padding。

 TransitionManager.beginDelayedTransition(content, new AutoTransition());
 linearLayout.setPadding(100,100,100,100);

ChangeBounds

這種轉換捕捉了場景變化之前和之後的目標檢視的佈局範圍，並在轉換過程中為這些變化提供動畫。例如：
和上面那個動畫一樣，我設定一個時間，這樣看的更明顯。

        ChangeBounds changeBounds=new ChangeBounds();
            changeBounds.setDuration(2000);
            TransitionManager.beginDelayedTransition(linearLayout,changeBounds);
            linearLayout.setPadding(100,100,100,100);

ChangeClipBounds

ChangeClipBounds捕捉View的getClipBounds()場景變化之前和之後的變化，並在變換過程中為這些變化提供動畫。例如：

        Rect rect = new Rect(50, 150, 200, 350);
            ChangeClipBounds changeClipBounds = new ChangeClipBounds();
            android.transition.TransitionManager.beginDelayedTransition(linearLayout, changeClipBounds);
            if (pos % 2 == 0) {
                ViewCompat.setClipBounds(imageView2,rect);
            }else{
                ViewCompat.setClipBounds(imageView2,null);
            }
            pos++;

這個裁剪的座標給的真是太合適了！

ChangeImageTransform

這個Transition在場景變化之前和之後會捕獲一個ImageView的矩陣，並在轉換的過程中生成動畫。可以與ChangeBounds結合使用。例如：

if (v.getId() == R.id.button) {
            ChangeImageTransform changeImageTransform = new ChangeImageTransform();
            ChangeClipBounds changeClipBounds = new ChangeClipBounds();
            android.transition.TransitionManager.
                    beginDelayedTransition(content,
                            new TransitionSet().addTransition(changeImageTransform)
                                    .addTransition(changeClipBounds).setDuration(1000));
            switch (pos) {
                case 0:
                    Rect rect = new Rect(50, 150, 300, 450);
                    ViewCompat.setClipBounds(imageView2, rect);
                    imageView2.setScaleType(ImageView.ScaleType.CENTER);
                    break;
                case 1:
                    ViewCompat.setClipBounds(imageView2, null);
                    imageView2.setScaleType(ImageView.ScaleType.CENTER_CROP);
                    break;
                case 2:
                    Rect rect1 = new Rect(100, 200, 300, 400);
                    ViewCompat.setClipBounds(imageView2, rect1);
                    imageView2.setScaleType(ImageView.ScaleType.FIT_XY);
                    break;
                case 3:
                    ViewCompat.setClipBounds(imageView2, null);
                    imageView2.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
                    break;
            }
            if (pos == 3) {
                pos = -1;

            }
            pos++;
        }

這裡用到了TransitionSet()，後面會講到的。

ChangeScroll（API23中新增）

轉換場景時，捕捉目標View更改之前與更改之後滾動的屬性，然後對滾動的屬性添加了動畫處理。（API級別太高了，以後試一下）

ChangeTransform

在過渡場景更改之前和之後捕捉檢視的縮放和旋轉，並在過渡期間新增動畫。例如：

ChangeTransform changeTransform = new ChangeTransform();
            changeTransform.setDuration(500);
            android.transition.TransitionManager.beginDelayedTransition(content, changeTransform);
            imageView.setRotation(pos+90);

Explode（爆炸？）

此轉換會捕捉目標檢視從開始到結束的可見性，並且檢視會從場景邊緣移動出入。這裡的可見性指的是setVisibility(int)的狀態以及當前檢視是否在ViewGroup層次結構中（比如recyclerView的Item的消失與顯示）。如果沒有設定焦點中心的話，那麼檢視預設會從場景中心移出去（像爆炸一樣？）例如：

預設的情況下：

 final Rect viewRect = new Rect();
            bt.getLocalVisibleRect(viewRect);
            Transition transition = new Explode();
            transition.setEpicenterCallback(new Transition.EpicenterCallback() {
                @Override
                public Rect onGetEpicenter(Transition transition) {
                    return null;
                }
            });
            transition.setDuration(500);
            TransitionManager.beginDelayedTransition(content, transition);
            if(pos%2==0){
                imageView2.setVisibility(View.GONE);
                imageView.setVisibility(View.GONE);
                imageView3.setVisibility(View.GONE);
                imageView4.setVisibility(View.GONE);
            }else{
                imageView2.setVisibility(View.VISIBLE);
                imageView.setVisibility(View.VISIBLE);
                imageView3.setVisibility(View.VISIBLE);
                imageView4.setVisibility(View.VISIBLE);
            }
            pos++;

當然了我們也可以自定義焦點,由Transition epicenter提供 (通過setEpicenterCallback方法來設定),例如：

final Rect viewRect = new Rect();
            bt.getLocalVisibleRect(viewRect);
            Transition transition = new Explode();
            transition.setEpicenterCallback(new Transition.EpicenterCallback() {
                @Override
                public Rect onGetEpicenter(Transition transition) {
                    return viewRect;
                }
            });
            transition.setDuration(500);
            TransitionManager.beginDelayedTransition(content, transition);
            if(pos%2==0){
                imageView2.setVisibility(View.GONE);
                imageView.setVisibility(View.GONE);
            }else{
                imageView2.setVisibility(View.VISIBLE);
                imageView.setVisibility(View.VISIBLE);
            }
           pos++;

這裡關於onGetEpicenter方法，我也不清楚這個返回的Rect是按照怎樣的計算方式設定焦點的。

Fade

目標檢視淡入淡出的過渡效果，檢視可見性由設定了setVisibility(int)的狀態以及是否在當前檢視層次結構中確定。指定IN（ MODE_IN）或者OUT（MODE_OUT）分別對應淡入和淡出。也可以通過fade.setMode方法設定，若不指定預設為淡入淡出效果。例如：

Transition transition = new Fade();
            transition.setDuration(500);
            TransitionManager.beginDelayedTransition(content, transition);

Slide

就像前面那兩個一樣，目標檢視滑動的過渡效果，檢視可見性由設定了setVisibility(int)的狀態以及是否在當前檢視層次結構中確定。它幫助View從一測滑向另一測。預設是BOTTOM，當然了也可以自己設定。例如：

Transition transition = new Slide(Gravity.RIGHT);
            transition.setDuration(500);
            TransitionManager.beginDelayedTransition(content, transition);

PathMotion

這個類有兩個具體實現類ArcMotion和PatternPathMotion，這個基類可以在檢視轉換的時候沿著指定的路徑運動。

• ArcMotion

 Transition transition = new ChangeBounds();
            transition.setDuration(600);
            transition.setPathMotion(new ArcMotion());
            TransitionManager.beginDelayedTransition(content, transition);
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) imageView.getLayoutParams();
            if (pos % 2 == 0) {
                params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
                params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
            } else {
                int[] rules = params.getRules();
                for (int i = 0; i < rules.length; i++) {
                    params.removeRule(i);
                }
            }
            imageView.setLayoutParams(params);
            pos++;

• PatternPathMotion
  可以使用Path定義兩個座標點之間的運動模式。而且必須具有與起點不同的終點。下面這個例子我隨便寫了一個座標點，然後用Path連線起來，我們來看效果：

final Path path = new Path();
            path.moveTo(0, 0);
            path.quadTo(300, 0, 400, 450); 
            PathMotion pathMotion = new PathMotion() {
                @Override
                public Path getPath(float startX, float startY, float endX, float endY) {
                    return path;
                }
            };
            ChangeBounds changeBounds = new ChangeBounds();
            changeBounds.setPathMotion(pathMotion);
            TransitionManager.beginDelayedTransition(content,changeBounds);
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) imageView.getLayoutParams();
            params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
            imageView.setLayoutParams(params);

TransitionSet

TransitionSets可以實現更復雜的轉換效果。ORDERING_SEQUENTIAL是一個一個的來 ORDERING_TOGETHER同時開始

 public void onClick(View v) {
                mExpanded = !mExpanded;
                TransitionManager.beginDelayedTransition(transitionsContainer, new TransitionSet()
                    .addTransition(new ChangeBounds())
                    .addTransition(new ChangeImageTransform()));
                ViewGroup.LayoutParams params = imageView.getLayoutParams();
                params.height = mExpanded ? ViewGroup.LayoutParams.MATCH_PARENT : ViewGroup.LayoutParams.WRAP_CONTENT;
                imageView.setLayoutParams(params);
                imageView.setScaleType(mExpanded ? ImageView.ScaleType.CENTER_CROP : ImageView.ScaleType.FIT_CENTER);
            }

這個TransitionSet其實就像AnimationSet那樣，把所有的轉場效果集合在一起，然後按照規則來執行。

每次寫部落格，都不知道該怎麼結尾。算了，吐槽一句：
食堂打飯的阿姨，總是給我一點點菜，搞得我吃不飽。