Navigation 實現不同fragment之間的view的共享（含動畫過渡）

以imageView的共享舉例

1. 兩個fragment都要有各自的imageview視圖，id可以不同，但transitonName一定要相同， 都要指定相同的src

例如：

fragment A
<ImageView
        android:id="@+id/face_icon_login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:transitionName="face_image"
        android:src="@mipmap/ic_launcher" />

fragment B
<ImageView
        android:id="@+id/face_icon_forget"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:transitionName="face_image"
       android:src="@mipmap/ic_launcher" />

       2:在fragmentA的跳轉中設置：

toForget.setOnClickListener {
            //跳轉到忘記密碼界面
            val extras = FragmentNavigatorExtras(face_icon_login to "face_image")
            findNavController().navigate(R.id.to_fragment_forget, null, null, extras)
        }

extras可以是多個Pair組成， Pair<View, String>， view通過findviewbyid得到，string是transitionName.

這個時候已經實現共享元素過渡了，但要實現動畫效果還要加第三步

 

     3：在fragmentB的onCreate中設置：

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        sharedElementEnterTransition = TransitionInflater.from(requireContext())
            .inflateTransition(R.transition.shared_image)
    }

相應地，需要在res下有transition的資源文件夾， 里面有一個shared_image文件, 內容為：

<!-- res/transition/shared_image.xml -->
<transitionSet>
    <autoTransition />
</transitionSet>

autoTransition也可以換成其他動畫效果。

 

 

最后， 使用共享元素過渡時，不得使用動畫框架（上一部分中的 enterAnim、exitAnim 等），而只能使用過渡框架來設置進入和退出過渡。即把fragment之間過渡的動畫效果去掉。