如何基于ViewPager2/TabView中的Fragment修改Android Activity标题

嘿，这个需求在日常开发里太常见了，我给你整理了几种基于ViewPager2和Fragment的实现思路，你可以根据自己的场景选最合适的：

方案一：通过ViewPager2的页面切换监听器实现（最直接） #

如果你的Tab标题是固定的，比如提前就知道每个页面的标题，这种方法最简单——直接给ViewPager2注册一个页面切换的回调，在页面选中时更新标题。

实现步骤： #

1. 准备好和Tab对应的标题数组（顺序要和Fragment列表一致）
2. 给ViewPager2注册OnPageChangeCallback，重写onPageSelected方法更新标题

代码示例（Kotlin）： #

class MainActivity : AppCompatActivity() {
    // 假设你的Tab标题是固定的，顺序和Fragment列表对应
    private val tabTitles = arrayOf("首页", "发现", "我的", "设置")

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val viewPager2 = findViewById<ViewPager2>(R.id.view_pager)
        // 初始化ViewPager2的适配器（这里省略适配器代码，你应该已经有了）
        viewPager2.adapter = MyViewPagerAdapter(this)

        // 注册页面切换回调
        viewPager2.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
            override fun onPageSelected(position: Int) {
                super.onPageSelected(position)
                // 更新ActionBar标题
                supportActionBar?.title = tabTitles[position]
                // 如果是自定义标题栏，直接修改TextView的文本即可
                // findViewById<TextView>(R.id.tv_custom_title).text = tabTitles[position]
            }
        })
    }
}

方案二：让Fragment主动通知宿主更新标题（适合动态标题） #

如果每个Fragment的标题可能是动态获取的（比如从接口拉取、根据内容变化），那让Fragment自己在显示的时候告诉宿主更新标题会更灵活。

实现步骤： #

1. 定义一个回调接口，用于Fragment向宿主传递标题
2. 宿主（Activity或父Fragment）实现这个接口
3. 在Fragment的onResume方法中调用接口，传递当前页面的标题

代码示例： #

第一步：定义回调接口

interface FragmentTitleCallback {
    fun updateTitle(title: String)
}

第二步：宿主实现接口

class MainActivity : AppCompatActivity(), FragmentTitleCallback {
    override fun updateTitle(title: String) {
        supportActionBar?.title = title
    }
}

第三步：Fragment中调用接口

class DiscoveryFragment : Fragment() {
    private var titleCallback: FragmentTitleCallback? = null

    // 假设这个标题是动态获取的，比如从接口拿到的
    private var dynamicTitle = "今日发现"

    override fun onAttach(context: Context) {
        super.onAttach(context)
        // 确保宿主实现了回调接口
        if (context is FragmentTitleCallback) {
            titleCallback = context
        }
    }

    override fun onResume() {
        super.onResume()
        // 页面显示时通知宿主更新标题
        titleCallback?.updateTitle(dynamicTitle)
    }

    override fun onDetach() {
        super.onDetach()
        // 避免内存泄漏
        titleCallback = null
    }
}

方案三：监听TabLayout的选中事件（结合TabLayout使用时） #

如果你用了TabLayout和ViewPager2绑定（通过TabLayoutMediator），也可以直接监听TabLayout的选中事件来更新标题，这样和Tab的交互更同步。

代码示例： #

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val tabLayout = findViewById<TabLayout>(R.id.tab_layout)
        val viewPager2 = findViewById<ViewPager2>(R.id.view_pager)
        
        // 绑定TabLayout和ViewPager2（这里省略适配器代码）
        TabLayoutMediator(tabLayout, viewPager2) { tab, position ->
            // 设置Tab的文本
            tab.text = when(position) {
                0 -> "首页"
                1 -> "发现"
                2 -> "我的"
                else -> ""
            }
        }.attach()

        // 监听Tab选中事件
        tabLayout.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
            override fun onTabSelected(tab: TabLayout.Tab) {
                // 直接用Tab的文本作为标题
                supportActionBar?.title = tab.text
            }

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

一些小提醒 #

• 如果你的项目用了Jetpack Navigation + ViewPager2，本质上和上面的方案逻辑一致，只需要把更新标题的目标换成Navigation的顶部栏即可
• 注意内存泄漏：比如方案二中的回调，记得在onDetach时置空引用
• 如果需要平滑过渡标题动画，可以在更新标题时加一些动画效果，比如TextView的淡入淡出

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