Kotlin：子Fragment如何控制父Fragment的ViewPager2切换页面？

我有三个Fragment：父Fragment、Fragment A、Fragment B。父Fragment里包含一个ViewPager2，用于在Fragment A和Fragment B之间切换页面。现在想通过Fragment B中的按钮切换回Fragment A，但ViewPager2属于父Fragment，请问该如何实现？

现有代码 #

父Fragment代码 #

class ParentFragment : Fragment() {
    private lateinit var binding: FragmentLoginRegisterBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        binding = FragmentLoginRegisterBinding.inflate(inflater, container, false)
        return binding.root


    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        setAdapter()

    }


    fun setAdapter(activity: MainActivity) {
        val tabArrayList = arrayOf("Login", "Register")
        val adapter = TablayoutAdapter(requireActivity(), tabArrayList.size)
        binding.apply {
            viewPager.adapter = adapter

            TabLayoutMediator(tabLayout, viewPager) { tab, position ->
                tab.text = tabArrayList[position]
            }.attach()
        }

    }

}

ViewPager适配器代码 #

class TablayoutAdapter(fm : FragmentActivity, var totalTabs : Int) : FragmentStateAdapter(fm) {
    override fun getItemCount(): Int {
        return totalTabs
    }

    override fun createFragment(position: Int): Fragment {
        return when(position){
            0->{
                FragmentA()
            }
            1->{
                FragmentB()
            }
            else->{
                FragmentA()
            }
        }
    }
}

Fragment A代码 #

class FragmentA() : Fragment(){

    private lateinit var binding : FragmentABinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        binding = FragmentABinding.inflate(inflater,container,false)
        return binding.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

    }

}

Fragment B代码 #

class FragmentB() : Fragment(){

    private lateinit var binding : FragmentBBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        binding = FragmentRegisterBinding.inflate(inflater,container,false)
        return binding.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.btn.setOnClickListener{
        //--> Goto ViewPager Item 0
       }


    }

}

注：父Fragment中setAdapter方法定义了MainActivity参数，但onViewCreated里调用的是无参的setAdapter()，会导致编译报错，建议调整为无参方法：

fun setAdapter() {
    val tabArrayList = arrayOf("Login", "Register")
    val adapter = TablayoutAdapter(requireActivity(), tabArrayList.size)
    binding.apply {
        viewPager.adapter = adapter

        TabLayoutMediator(tabLayout, viewPager) { tab, position ->
            tab.text = tabArrayList[position]
        }.attach()
    }
}

解决方案 #

方法一：接口回调（推荐，解耦性好） #

1. 定义回调接口，用于通知父Fragment切换页面：

interface OnSwitchToLoginListener {
    fun switchToLogin()
}

2. 在Fragment B中持有接口实例，并在按钮点击时触发回调：

class FragmentB() : Fragment(){
    private lateinit var binding : FragmentBBinding
    private var listener: OnSwitchToLoginListener? = null

    override fun onAttach(context: Context) {
        super.onAttach(context)
        // 从父Fragment获取接口实例
        if (parentFragment is OnSwitchToLoginListener) {
            listener = parentFragment as OnSwitchToLoginListener
        }
    }

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

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.btn.setOnClickListener{
            listener?.switchToLogin()
        }
    }
}

3. 让父Fragment实现该接口，完成ViewPager切换逻辑：

class ParentFragment : Fragment(), OnSwitchToLoginListener {
    // ... 原有代码不变

    override fun switchToLogin() {
        binding.viewPager.currentItem = 0 // 切换到Fragment A对应的位置
    }
}

方法二：使用ViewModel共享状态 #

通过ViewModel在父Fragment和子Fragment之间共享状态，实现页面切换：

1. 创建共享ViewModel：

class SwitchViewModel : ViewModel() {
    val switchToLogin = MutableLiveData<Boolean>()
}

2. 在父Fragment中观察状态变化，触发页面切换：

class ParentFragment : Fragment() {
    private lateinit var binding: FragmentLoginRegisterBinding
    private val switchViewModel: SwitchViewModel by viewModels()

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        setAdapter()
        
        switchViewModel.switchToLogin.observe(viewLifecycleOwner) { shouldSwitch ->
            if (shouldSwitch) {
                binding.viewPager.currentItem = 0
                switchViewModel.switchToLogin.value = false // 重置状态
            }
        }
    }

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

3. 在Fragment B中获取同一ViewModel，触发切换指令：

class FragmentB() : Fragment(){
    private lateinit var binding : FragmentBBinding
    // 获取父Fragment的ViewModel实例
    private val switchViewModel: SwitchViewModel by viewModels({requireParentFragment()})

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.btn.setOnClickListener{
            switchViewModel.switchToLogin.value = true
        }
    }
}

方法三：直接获取父Fragment引用（简单但耦合性高） #

直接在Fragment B中获取父Fragment实例，调用其控制ViewPager的逻辑：

class FragmentB() : Fragment(){
    private lateinit var binding : FragmentBBinding

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.btn.setOnClickListener{
            val parentFragment = parentFragment as? ParentFragment
            parentFragment?.let {
                it.binding.viewPager.currentItem = 0
                // 也可以在父Fragment中添加公开方法，比如：
                // it.switchToLoginPage()
            }
        }
    }
}

如果使用公开方法，在父Fragment中添加：

fun switchToLoginPage() {
    binding.viewPager.currentItem = 0
}

然后Fragment B中调用parentFragment?.switchToLoginPage()即可。

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