通过 fragments 在 recyclerview 和 toolbar 之间共享元素

Question

我对共享元素有一个奇怪的行为，我不知道这是对共享元素的误解还是错误的实现。我查看了 Google，似乎没有人遇到我遇到的问题。

让我解释一下。我有两个 Fragments，Fragment A 包含一个 RecyclerView，Fragment B是recyclerview项目的详细视图。两者都有一个包含 TextView.

的自定义工具栏

我想将 A 中的 recyclerview 项目的文本视图共享到 B 的工具栏文本视图。目前，enter share element transition 正在工作 (A-->B) 但它没有以另一种方式工作（A<--B）。

在 return 过渡期间，B 的工具栏文本视图留在工具栏中，并随着 B return 过渡。但是共享元素转换有效，另一个文本视图从 A 的回收视图顶部出现并完成它的工作。

这就是问题所在。 onBackPressed 之后，不再共享工具栏文本视图，并制作此工具栏文本视图的副本并制作动画（仅在回收视图中，它不是来自工具栏）而不是共享 B toolbar textview to A recyclerview item

我不明白问题出在哪里。过渡名称很好，否则动画无法工作。任何的想法？（我在 Kotlin 下编码）

片段活动

override fun onBackPressed() {
    if(supportFragmentManager.backStackEntryCount > 1){
        supportFragmentManager.popBackStackImmediate()
    } else {
        super.onBackPressed()
    }
}

片段适配器 ViewHolder

class AnimationRecyclerViewHolder(val view: View, val listener: AnimationRecyclerCallBack) : RecyclerView.ViewHolder(view) {

    val text: TextView = view.animation_recycler_text

    fun bind(data: AnimationRecyclerData) {
        text.text = data.description
        text.transitionName = "textTransitionName$layoutPosition"
        view.setOnClickListener {
            listener.callback(data, view)
        }
    }
}

片段A

override fun callback(data: AnimationRecyclerData, view: View) {
    val frag = AnimationPageFragment.newInstance(data.type, this)
    val transac =  activity!!.supportFragmentManager.beginTransaction()
    transac.shareText(view.animation_recycler_text, context!!, this, frag)
    transac.replace(activity!!.fragContainerCatalogue.id, frag).addToBackStack(null).commit()
}

shareText 方法

fun FragmentTransaction.shareText(textview: TextView, context: Context, currentFrag: AbstractAnimationFragment, nextFrag: AbstractAnimationFragment) : FragmentTransaction {

    val sharedTransitionName = textview.transitionName
    val bundle = nextFrag.arguments ?: Bundle()

    bundle.putString("sharedTransitionKey", sharedTransitionName)
    bundle.putString("nextTitle", textview.text.toString())
    nextFrag.arguments = bundle
    nextFrag.enterTransition = Fade()
    nextFrag.sharedElementEnterTransition = nextFrag.createShareTransition(sharedTransitionName, currentFrag.context!!)

    currentFrag.activity!!.window.sharedElementsUseOverlay = false
    return this.addSharedElement(textview, sharedTransitionName)
}

片段 B

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {

    var rootView = inflater.inflate(R.layout.animation_page_fragment_content, container, false)

    toolbar = inflatedView.findViewById(R.id.toolbarShared)
    titleToolbar = inflatedView.findViewById(R.id.toolbarTitleShared)

    toolbar.setBackgroundColor(Color.RED)
    titleToolbar.textSize = 25f
    titleToolbar.setTextColor(Color.BLACK)

    val bundle = this.arguments ?: Bundle()
    val transitionName = bundle.getString("sharedTransitionKey")
    val titleName = bundle.getString("nextTitle")
    titleToolbar.text = titleName
    titleToolbar.transitionName = transitionName
    activity!!.window.sharedElementsUseOverlay = true

    sharedElementEnterTransition = createShareTransition(titleToolbar.transitionName, context!!)

    return rootView
}

Answer 1

我找到了解决方案。

这个问题确实与我的 RecyclerView 有关。我从来没有说过我的 recyclerview 在出现时也是动画的。当 recyclerview 出现时我有一个输入动画，当用户滚动时有一个动画。我禁用了两者并且它工作正常。现在，我只需要找到一种方法来禁用 return 上的 RecyclerView 动画，一切都会好起来的。

感谢那些阅读我并试图帮助我的人。

我用来解决问题的代码：

frag.setEnterSharedElementCallback(object : SharedElementCallback() {
        override fun onSharedElementEnd(sharedElementNames: MutableList<String>?, sharedElements: MutableList<View>?, sharedElementSnapshots: MutableList<View>?) {
            super.onSharedElementEnd(sharedElementNames, sharedElements, sharedElementSnapshots)
            viewAdapter.mApplyAnim = true
        }
})

通过 fragments 在 recyclerview 和 toolbar 之间共享元素

Share element between recyclerview and toolbar through fragments

android

android-fragments

android-recyclerview

android-toolbar

android-transitions