使用AndroidX导航组件,我在两个片段之间创建了一个共享元素转换。第一个片段有一个RecyclerView,第二个片段显示单击元素的详细信息。enter转换始终按预期工作。如果我立即按下“后退”按钮,返回转换就可以工作。但是,如果我在按后退按钮之前等待超过大约5秒,动画就不能正常工作了。
那样的话,根本就没有动画。没有移动,没有褪色,碎片中的一切只是立即出现在原地。
下面是主要片段中的导航代码:
override fun onClick(deck: SlideDeck, sourceView: View) {
viewModel.activeDeck = deck
val extras = FragmentNavigatorExtras(sourceView to "deck_details")
findNavController().navigate(
R.id.action_deckListFragment2_to_deckDetailsFragment,
null,
null,
extras
)
}
下面是在第二个片段中设置共享元素转换的代码:
override fun onCreateView(
inflater: LayoutInflater, container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
val animation = TransitionInflater.from(requireContext()).inflateTransition(
android.R.transition.move
)
sharedElementEnterTransition = animation
sharedElementReturnTransition = animation
binding = FragmentDeckDetailsBinding.inflate(inflater, container, false)
return binding.root
}
最后,回到主片段,我不得不推迟enter转换:
override fun onCreateView(
inflater: LayoutInflater, container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
// Inflate the layout for this fragment
binding = FragmentDeckListBinding.inflate(inflater, container, false)
postponeEnterTransition()
binding.root.doOnPreDraw {
startPostponedEnterTransition()
}
return binding.root
}
我还必须确保RecolyerView中的每个元素都有一个唯一和一致的transitionName,如下所示:
<androidx.cardview.widget.CardView
android:id="@+id/deckDetailsCard"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:layout_marginBottom="0dp"
android:layout_marginLeft="4dp"
android:layout_marginRight="4dp"
app:cardCornerRadius="4dp"
android:transitionName="@{String.format(@string/transition_name_string, deck.id)}"
android:onClick="@{() -> itemClickListener.onClick(deck, deckDetailsCard)}">
...
</androidx.cardview.widget.CardView>
再一次,这一切都是希望的工作,除非我在返回到主要片段之前等待超过~5秒。我已经在两个模拟器(SDK 21和28)和一个物理设备(Galaxy S10E)上测试了这个功能。都表现出相同的行为。
我想出来了。问题出现在主片段的onviewcreated
:
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
val deckObserver = Observer<List<SlideDeck>> { deckList ->
val listener: DeckListOnItemClickListener = this
val deckListAdapter = DeckListAdapter(requireContext(), deckList,
listener)
deckListAdapter.dataSet = deckList
binding.deckRecyclerView.adapter = deckListAdapter
deckListAdapter.notifyDataSetChanged()
}
viewModel.deckList.observe(viewLifecycleOwner, deckObserver)
}
你看到了吗?
在收到ViewModel的更改通知之前,我没有为RecyclerView创建适配器。我认为问题是在动画运行之后,RecyclerView才设置了adpater。
因此,我使适配器成为片段的成员,直接在onviewcreated
中设置RecyclerView的adapter
成员,然后在观察到更改时更新适配器的列表。那好像修好了。