通过片段在recyclerview和工具栏之间共享元素

时间:2018-07-03 08:20:02

标签: android android-fragments android-recyclerview android-toolbar android-transitions

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

让我解释一下。我有两个片段,片段 A 包含一个 RecyclerView ,片段 B 是recyclerview项的详细视图。两者都有一个包含 TextView 的自定义工具栏。

我想将 A 中recyclerview项目的文本视图共享到 B 的工具栏文本视图。当前,回车共享元素过渡正在工作 A -> B ),但不能以其他方式工作( A <- B )。

在返回过渡期间, B 的工具栏文本视图停留在工具栏中,并随着 B 返回过渡而消失。 但是共享元素转换有效,并且另一个文本视图从 A 的recyclerview的顶部出现,并且可以完成其工作。

有问题。在onBackPressed之后,不再共享工具栏文本视图,并制作该工具栏文本视图的副本并进行动画处理(仅在recyclerview中,它不是来自工具栏),而不是共享 B 工具栏文本视图到 A 回收站查看项目

我不知道问题出在哪里。过渡名称很好,否则动画将无法正常工作。任何想法? (我是用Kotlin编写的)

FragmentActivity

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
}

1 个答案:

答案 0 :(得分:0)

我找到了解决方法。

问题确实与我的 RecyclerView 有关。 我从未说过我的recyclerview出现时也很生气。 当出现recyclerview时,我有一个输入动画,而当用户滚动时,我有一个动画。我都禁用了它,并且工作正常。 现在,我只需要找到一种方法即可在返回时禁用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
        }
})