[英]How do I dynamically add and remove fragment pages using Viewpager2 and Mediator Tab Layout
I need to add fragments to viewpager2 as well as tabs at runtime depending on server config file.我需要根据服务器配置文件在运行时将片段添加到 viewpager2 以及选项卡。 Most viewpager2 resources I have seen showcase a static viewpager2 using the new TabMediator Tab layout.我见过的大多数 viewpager2 资源都使用新的 TabMediator Tab 布局展示了静态 viewpager2。 I am skipping viewpager as I need to add RTL and vertical scrolling supported by viewpager2.我正在跳过 viewpager,因为我需要添加 viewpager2 支持的 RTL 和垂直滚动。
My biggest concern is how to I track the index of a specific page/fragment when I add and remove fragments.我最关心的是如何在添加和删除片段时跟踪特定页面/片段的索引。 Have gone through this tutorial and code as an exapmple.已经阅读了本教程并以代码为例。
This is how you implement it in Kotlin这就是你在 Kotlin 中实现它的方式
viewPager = binding.viewPagerContainer
val tabLayout : TabLayout = binding.tabLayout
val fragmentList : MutableList<Pair<String, Fragment>> = mutableListOf()
fragmentList.add(Pair(getString(R.string.assets), AssetFragment.newInstance()))
fragmentList.add(Pair(getString(R.string.news), NewsFragment.newInstance()))
val adapter = AppFragmentAdapter(fragmentList, this)
Handler(Looper.myLooper()!!).postDelayed({
adapter.addFragment(Pair(getString(R.string.videos), VideosFragment.newInstance()))
}, 1000)
Handler(Looper.myLooper()!!).postDelayed({
adapter.removeFragment(2)
}, 2000)
viewPager.adapter = adapter
viewPager.offscreenPageLimit = 2
val layoutInflater : LayoutInflater = LayoutInflater.from(context)
viewPager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
override fun onPageSelected(position: Int) {
super.onPageSelected(position)
val actionBar : ActionBar = (requireActivity() as AppCompatActivity).supportActionBar!!
actionBar.title = adapter.getFragmentName(position)
}
})
TabLayoutMediator(tabLayout, viewPager){ tab, position ->
tab.customView = prepareTabView(layoutInflater, tabLayout, adapter.getFragmentName(position), tabIcons[position])
}.attach()
Here we already tested to add and remove the last fragment using some basic delay upon launching an Activity or Parent Fragment.在这里,我们已经测试过在启动活动或父片段时使用一些基本延迟添加和删除最后一个片段。 You can create a custom view for each tab or just use tab.text = "Tab Name" for simplicity.您可以为每个选项卡创建自定义视图,或者为简单起见仅使用 tab.text = "Tab Name"。
Now the type of adapter you will be using with ViewPager2 for Fragment is FragmentStateAdapter
现在,您将与 ViewPager2 一起用于 Fragment 的适配器类型是FragmentStateAdapter
class AppFragmentAdapter(private val fragmentList: MutableList<Pair<String, Fragment>>, fragment: Fragment) : FragmentStateAdapter(fragment) {
// private var pageIds = fragmentList.map { fragmentList.hashCode().toLong() }
override fun getItemCount(): Int = fragmentList.size
override fun createFragment(position: Int): Fragment {
return fragmentList[position].second
}
// override fun getItemId(position: Int): Long = pageIds[position] // Make sure notifyDataSetChanged() works
// override fun containsItem(itemId: Long): Boolean = pageIds.contains(itemId)
fun getFragmentName(position: Int) = fragmentList[position].first
fun addFragment(fragment: Pair<String, Fragment>) {
fragmentList.add(fragment)
notifyDataSetChanged()
}
fun removeFragment(position: Int) {
fragmentList.removeAt(position)
notifyDataSetChanged()
}
}
If your structure is Parent Fragment > ViewPager2 > Child Fragments the above code will work fine.如果您的结构是 Parent Fragment > ViewPager2 > Child Fragments 上面的代码可以正常工作。
If your structure is Activity > ViewPager2 > Fragments just change如果您的结构是 Activity > ViewPager2 > Fragments 只需更改
class AppFragmentAdapter(private val fragmentList: MutableList<Pair<String, Fragment>>, fragment: Fragment) : FragmentStateAdapter(fragment)
to到
class AppFragmentAdapter(private val fragmentList: MutableList<Pair<String, Fragment>>, fragment: FragmentActivity) : FragmentStateAdapter(fragment)
then instead of然后代替
val adapter = AppFragmentAdapter(fragmentList, this)
pass the Fragment's activity like this像这样传递片段的活动
val adapter = AppFragmentAdapter(fragmentList, requireActivity())
Internally FragmentStateAdapter(fragment)
from our adapter already handle which FragmentManager is supposedly use.来自我们的适配器的内部FragmentStateAdapter(fragment)
已经处理了应该使用的 FragmentManager。
Activity > ViewPager2 > Fragments活动 > ViewPager2 > 片段
public FragmentStateAdapter(@NonNull FragmentActivity fragmentActivity) {
this(fragmentActivity.getSupportFragmentManager(), fragmentActivity.getLifecycle());
}
Parent Fragment > ViewPager2 > Child Fragments父片段 > ViewPager2 > 子片段
public FragmentStateAdapter(@NonNull Fragment fragment) {
this(fragment.getChildFragmentManager(), fragment.getLifecycle());
}
I was deceived first by searching in SO about dynamically add/remove Fragment with ViewPager2 before trying the simplest approach I could come up.在尝试我能想到的最简单方法之前,我首先在 SO 中搜索有关使用 ViewPager2 动态添加/删除 Fragment 的信息被欺骗了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.