如何使用ViewPager实现指定Fragment组的横竖方向切换？

当然可行！这种混合垂直、水平滑动的Fragment切换需求完全能实现，我给你分享几个实用的方案，你可以根据项目场景选择：

ViewPager2本身支持垂直和水平两种滑动方向，我们可以把同方向切换的Fragment分成一组，在滑动到分组边界时，切换到对应方向的ViewPager2容器，同时复用共享的Fragment（比如D、E、G）避免重复实例化。

具体思路：

• 把A、B、C、D放进垂直方向的ViewPager2（VP2_V1）
• 把D、E放进水平方向的ViewPager2（VP2_H1）
• 把E、F、G放进垂直方向的ViewPager2（VP2_V2）
• 把G、H放进水平方向的ViewPager2（VP2_H2）
• 用一个主容器管理这些VP2的显示：当在VP2_V1滑到D（最后一页）时，自动切换到VP2_H1并定位到D页面；在VP2_H1滑到E时，切换到VP2_V2并定位到E，以此类推。

核心是复用共享Fragment，比如用FragmentManager的findFragmentByTag来获取已创建的实例：

// 初始化垂直ViewPager2（A-D）
val verticalVP1 = ViewPager2(requireContext()).apply {
    orientation = ViewPager2.ORIENTATION_VERTICAL
    adapter = object : FragmentStateAdapter(requireActivity()) {
        override fun getItemCount() = 4
        override fun createFragment(position: Int) = when(position) {
            0 -> AFragment()
            1 -> BFragment()
            2 -> CFragment()
            3 -> DFragment().apply { tag = "DFragment" }
            else -> throw IllegalArgumentException()
        }
    }
    // 监听页面切换，滑到D时切换到水平VP
    registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
        override fun onPageSelected(position: Int) {
            if (position == 3) {
                val horizontalVP1 = ViewPager2(requireContext()).apply {
                    orientation = ViewPager2.ORIENTATION_HORIZONTAL
                    adapter = object : FragmentStateAdapter(requireActivity()) {
                        override fun getItemCount() = 2
                        override fun createFragment(position: Int) = when(position) {
                            0 -> requireActivity().supportFragmentManager.findFragmentByTag("DFragment") ?: DFragment()
                            1 -> EFragment().apply { tag = "EFragment" }
                            else -> throw IllegalArgumentException()
                        }
                    }
                }
                // 替换主容器内容为水平VP
                requireActivity().supportFragmentManager.beginTransaction()
                    .replace(R.id.main_container, horizontalVP1)
                    .commit()
            }
        }
    })
}

如果不想嵌套ViewPager2，也可以直接用单个Fragment容器，通过自定义手势监听来判断滑动方向，再给Fragment切换设置对应方向的动画。

步骤如下：

1. 在Activity里放一个FrameLayout作为Fragment容器，初始显示AFragment。
2. 用GestureDetector监听垂直/水平滑动手势。
3. 维护当前显示的Fragment标记（比如currentTag = "A"），根据当前Fragment和滑动方向，匹配对应的切换规则：
   • 若当前是A/B/C，垂直滑动则切换到上下对应的Fragment（A→B→C→D），设置垂直滑动动画。
   • 若当前是D，水平滑动则切换到E，设置水平滑动动画。
   • 其他Fragment同理匹配规则。

代码示例：

// 设置垂直切换动画（从下往上滑入）
private fun setupVerticalTransition() {
    supportFragmentManager.beginTransaction()
        .setCustomAnimations(
            R.anim.slide_up_in,
            R.anim.slide_down_out,
            R.anim.slide_down_in,
            R.anim.slide_up_out
        )
}

// 设置水平切换动画（从右往左滑入）
private fun setupHorizontalTransition() {
    supportFragmentManager.beginTransaction()
        .setCustomAnimations(
            R.anim.slide_right_in,
            R.anim.slide_left_out,
            R.anim.slide_left_in,
            R.anim.slide_right_out
        )
}

// 手势监听逻辑
val gestureDetector = GestureDetector(this, object : GestureDetector.SimpleOnGestureListener() {
    override fun onFling(e1: MotionEvent?, e2: MotionEvent?, velocityX: Float, velocityY: Float): Boolean {
        val isVerticalSwipe = Math.abs(velocityY) > Math.abs(velocityX)
        when(currentFragmentTag) {
            "A", "B", "C" -> {
                if (isVerticalSwipe) {
                    val targetTag = getNextVerticalFragment(currentFragmentTag)
                    setupVerticalTransition()
                    replaceFragment(targetTag)
                }
            }
            "D" -> {
                if (!isVerticalSwipe) {
                    setupHorizontalTransition()
                    replaceFragment("E")
                }
            }
            // 补充E-G、G-H的判断逻辑
        }
        return super.onFling(e1, e2, velocityX, velocityY)
    }
})

如果想在同一个ViewPager2里实现混合方向滑动，可以自定义PageTransformer，根据页面位置动态修改滑动效果。比如给A-D页面应用垂直滑动变换，D-E页面应用水平滑动变换。不过这种方式需要精确控制每个页面的变换逻辑，适合有高度自定义动画需求的场景，实现起来相对复杂。

总结一下，你的需求完全可以实现，优先推荐方案一，因为ViewPager2已经封装了成熟的滑动和Fragment生命周期管理，稳定性更高；如果需要更灵活的交互逻辑，方案二会更合适。

内容的提问来源于stack exchange，提问作者Aditya Rahman Sidqi