导航组件的共享视图转换不起作用

Question

我已按照文档使用新的导航组件实现共享视图转换，但它无法正常工作。这就是我所拥有的：

Fragment A 有这段代码可以调用 Fragment B

val extras = FragmentNavigatorExtras(
                taskNameInput to "taskName")

findNavController().navigate(R.id.action_aFragment_to_BFragment,
            null), // Bundle of args
            null, // NavOptions
            extras)

看一下布局，id的transition name设置如下：

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/taskNameInput"
        android:transitionName="taskName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ...

那么FragmentB在布局中有如下视图：

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/taskNameInput"
        android:transitionName="taskName"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        ...>

从fragmentA 到fragmentB 时，播放enter 动画，但不播放sharedView 过渡。有什么线索吗？谢谢

Answer 1

缺少将 sharedTransition 设置为 FragmentB，可以在 onCrateView() 中进行如下操作：

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
                              savedInstanceState: Bundle?): View? {
    sharedElementEnterTransition = TransitionInflater.from(context).inflateTransition(R.transition.move)

    return inflater.inflate(com.meanwhile.flatmates.R.layout.fragment_b, container, false)
}

还需要创建交易文件move.xml：

<transitionSet>
    <changeBounds/>
    <changeTransform/>
    <changeClipBounds/>
    <changeImageTransform/>
</transitionSet>

在这篇文章的时候，新导航组件的文档中还没有写，但这只是旧的做法。由于导航组件为进入/退出转换做了一些神奇的事情，我期待为共享视图做更多的事情。无论如何，添加这些行并不是什么大问题。