如何在ViewPager中替换Fragment并切换Toolbar及移除广告

我来帮你梳理下实现这个功能的具体步骤，结合你现有的代码，我们分几个核心部分来调整：

一、核心思路 #

因为ViewPager默认会缓存页面，所以要解决两个关键问题：

1. 切换到其他Tab再返回第0位时，要自动重置回Fragment1，而不是停留在Fragment4
2. Fragment1切换到Fragment4时，同步隐藏广告条、替换Toolbar；返回或切回Tab时恢复原状

二、具体代码修改 #

1. 在MainActivity中添加Toolbar/广告的控制方法 #

首先给MainActivity增加两个方法，用来切换"正常模式"和"详情模式"（也就是Fragment4对应的状态）：

class MainActivity : AppCompatActivity() {
    private var mAdView: AdView? = null
    // ... 原有代码不变 ...

    // 切换到详情模式：隐藏广告，修改Toolbar
    fun switchToDetailMode() {
        mAdView?.visibility = View.GONE
        // 这里可以修改Toolbar的标题，或者直接替换整个Toolbar的布局
        toolbar_txt.text = "详情页面"
        // 如果需要完全替换Toolbar内容，比如加载新布局：
        // toolbar.removeAllViews()
        // val detailToolbar = LayoutInflater.from(this).inflate(R.layout.toolbar_detail, toolbar, false)
        // toolbar.addView(detailToolbar)
    }

    // 恢复正常模式：显示广告，还原Toolbar
    fun switchToNormalMode() {
        mAdView?.visibility = View.VISIBLE
        toolbar_txt.text = "原标题" // 替换成你原来的Toolbar标题
        // 如果之前替换过Toolbar布局，这里要还原回去：
        // toolbar.removeAllViews()
        // val originalToolbar = LayoutInflater.from(this).inflate(R.layout.original_toolbar_content, toolbar, false)
        // toolbar.addView(originalToolbar)
    }

    // ... 原有代码不变 ...
}

2. 修改Fragment1的点击事件，触发模式切换 #

在Fragment1的按钮点击事件中，调用MainActivity的方法切换模式，再执行Fragment替换：

class Fragment1: Fragment() {
    // ... 原有代码不变 ...

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        btnfr1.setOnClickListener {
            // 先通知MainActivity切换到详情模式
            (activity as MainActivity).switchToDetailMode()
            
            val trans = childFragmentManager.beginTransaction() // 注意用childFragmentManager，避免和Activity的栈混淆
            trans.replace(R.id.root_frame, Fragment4())
            trans.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
            trans.addToBackStack("fragment4") // 添加栈标签，方便后续识别
            trans.commit()
        }
    }
}

3. 让RootFragment支持重置回Fragment1 #

给RootFragment增加一个重置方法，用来在切回Tab时清空返回栈并恢复Fragment1：

class RootFragment : Fragment() {
    // ... 原有代码不变 ...

    // 重置到Fragment1
    fun resetToFragment1() {
        // 清空当前RootFragment下的所有返回栈
        childFragmentManager.popBackStackImmediate(null, FragmentManager.POP_BACK_STACK_INCLUSIVE)
        // 重新加载Fragment1
        val transaction = childFragmentManager.beginTransaction()
        transaction.replace(R.id.root_frame, Fragment1())
        transaction.commit()
    }

    // 优化：避免重复创建Fragment1
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        val view = inflater.inflate(R.layout.root_fragment, container, false)
        if (savedInstanceState == null) {
            val transaction = childFragmentManager.beginTransaction()
            transaction.replace(R.id.root_frame, Fragment1())
            transaction.commit()
        }
        return view
    }
}

4. 监听ViewPager切换，自动恢复正常模式 #

修改MainActivity中ViewPager的页面监听，当切回第0个Tab时，自动恢复正常模式并重置Fragment：

class MainActivity : AppCompatActivity() {
    // ... 原有代码不变 ...

    fun initTab() {
        // ... 原有代码不变 ...

        // 修改ViewPager的页面监听
        pager.addOnPageChangeListener(object : TabLayout.TabLayoutOnPageChangeListener(tab_layout) {
            override fun onPageSelected(position: Int) {
                super.onPageSelected(position)
                // 当切回第0个Tab时，恢复正常模式并重置Fragment
                if (position == 0) {
                    switchToNormalMode()
                    // 找到第0个Tab对应的RootFragment
                    val rootFragment = supportFragmentManager.findFragmentByTag("android:switcher:${R.id.pager}:0") as? RootFragment
                    rootFragment?.resetToFragment1()
                }
            }
        })

        // ... 原有TabSelectedListener代码不变 ...
    }

    // ... 原有代码不变 ...
}

5. 处理返回键，确保返回时恢复状态 #

重写MainActivity的返回键逻辑，当在Fragment4页面返回时，自动恢复正常模式：

class MainActivity : AppCompatActivity() {
    // ... 原有代码不变 ...

    override fun onBackPressed() {
        // 检查当前是否在第0个Tab，并且RootFragment有返回栈（也就是在Fragment4）
        if (pager.currentItem == 0) {
            val rootFragment = supportFragmentManager.findFragmentByTag("android:switcher:${R.id.pager}:0") as? RootFragment
            val backStackCount = rootFragment?.childFragmentManager?.backStackEntryCount ?: 0
            if (backStackCount > 0) {
                // 恢复正常模式
                switchToNormalMode()
                // 弹出返回栈回到Fragment1
                rootFragment.childFragmentManager.popBackStack()
                return
            }
        }
        // 其他情况按默认逻辑处理
        super.onBackPressed()
    }
}

三、关键注意点 #

• 一定要用childFragmentManager来管理RootFragment内部的Fragment切换，不要用fragmentManager，避免和Activity的Fragment栈混淆。
• ViewPager的Fragment标签格式是固定的：android:switcher:[ViewPagerId]:[position]，所以我们可以通过这个标签准确找到第0个Tab的RootFragment。
• 广告条的隐藏/显示用View.GONE而不是View.INVISIBLE，这样不会占用布局空间，让Toolbar可以顶上去。

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