Android中如何设置TabLayout无默认选中标签？

这个需求我之前做项目时碰到过，默认的setupWithViewPager方法会自动选中第一个Tab，要实现启动时无任何Tab选中、仅点击才触发选中的效果，我们需要放弃自动绑定，手动处理Tab和ViewPager的关联逻辑，完全掌控初始状态。下面针对你有2组TabLayout+ViewPager的场景给出具体实现步骤：

1. 初始化组件，跳过自动绑定 #

首先在你的Activity/Fragment中，分别给两个TabLayout添加Tab项、给对应的ViewPager设置Adapter，但不要调用tabLayout.setupWithViewPager(viewPager)——这是关键，因为这个方法会强制选中第一个Tab。

示例代码（假设你的两个TabLayout是tabLayout1、tabLayout2，对应ViewPager是viewPager1、viewPager2）：

// 初始化第一组TabLayout+ViewPager
val pagerAdapter1 = YourCustomPagerAdapter1(supportFragmentManager, lifecycle)
viewPager1.adapter = pagerAdapter1
// 添加Tab项
tabLayout1.addTab(tabLayout1.newTab().setText("标签1-1"))
tabLayout1.addTab(tabLayout1.newTab().setText("标签1-2"))

// 初始化第二组TabLayout+ViewPager
val pagerAdapter2 = YourCustomPagerAdapter2(supportFragmentManager, lifecycle)
viewPager2.adapter = pagerAdapter2
tabLayout2.addTab(tabLayout2.newTab().setText("标签2-1"))
tabLayout2.addTab(tabLayout2.newTab().setText("标签2-2"))

2. 手动处理Tab点击事件，控制选中与页面切换 #

给每个TabLayout设置点击监听器，只有当用户主动点击Tab时，才切换ViewPager到对应页面，同时让Tab变为选中状态（初始时所有Tab都是未选中状态）。

// 第一组TabLayout的点击监听
tabLayout1.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
    override fun onTabSelected(tab: TabLayout.Tab) {
        // 点击Tab时，同步切换ViewPager页面
        viewPager1.currentItem = tab.position
        // TabLayout会自动处理选中状态，无需额外设置
    }

    override fun onTabUnselected(tab: TabLayout.Tab) {
        // 可选：处理Tab取消选中的逻辑（比如重置状态）
    }

    override fun onTabReselected(tab: TabLayout.Tab) {
        // 可选：处理重复点击同一个Tab的逻辑（比如刷新页面）
    }
})

// 第二组TabLayout同理
tabLayout2.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
    override fun onTabSelected(tab: TabLayout.Tab) {
        viewPager2.currentItem = tab.position
    }

    override fun onTabUnselected(tab: TabLayout.Tab) {}
    override fun onTabReselected(tab: TabLayout.Tab) {}
})

3. 可选：支持ViewPager滑动切换Tab #

如果需要让用户滑动ViewPager时同步选中对应的Tab，给每个ViewPager添加页面切换监听器：

// 第一组ViewPager的页面切换监听（ViewPager2版本）
viewPager1.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
    override fun onPageSelected(position: Int) {
        super.onPageSelected(position)
        // 滑动到对应页面时，选中TabLayout的对应Tab
        tabLayout1.selectTab(tabLayout1.getTabAt(position))
    }
})

// 第二组ViewPager同理
viewPager2.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
    override fun onPageSelected(position: Int) {
        super.onPageSelected(position)
        tabLayout2.selectTab(tabLayout2.getTabAt(position))
    }
})

如果用的是旧版ViewPager（不是ViewPager2），请改用OnPageChangeListener接口

4. 初始状态优化：让ViewPager也不显示内容 #

默认情况下，ViewPager的currentItem是0，会显示第一个页面。如果你希望启动时ViewPager也处于空白状态，可以给PagerAdapter添加一个空白Fragment作为初始页，当用户点击Tab时再切换到实际内容页：

// 示例PagerAdapter（ViewPager2版本）
class YourCustomPagerAdapter1(fm: FragmentManager, lifecycle: Lifecycle) : FragmentStateAdapter(fm, lifecycle) {
    // 第一个是空白Fragment，后面是实际内容页
    private val fragmentList = listOf(BlankFragment(), ContentFragment1(), ContentFragment2())
    // Tab标题跳过空白页的标题
    private val tabTitles = listOf("标签1-1", "标签1-2")

    override fun getItemCount() = fragmentList.size

    override fun createFragment(position: Int) = fragmentList[position]

    // 给TabLayout提供标题的方法
    fun getTabTitle(index: Int) = tabTitles[index]
}

然后初始化TabLayout时，传入内容页的标题：

tabLayout1.addTab(tabLayout1.newTab().setText(pagerAdapter1.getTabTitle(0)))
tabLayout1.addTab(tabLayout1.newTab().setText(pagerAdapter1.getTabTitle(1)))

这样启动时ViewPager显示空白页，TabLayout没有任何选中的Tab，完全符合你的需求。

内容的提问来源于stack exchange，提问作者IsWayne