求助：实现双Adapter下Vertical与Horizontal滑动同步适配

你的问题核心在于两个独立ViewPager叠加导致触摸事件被上层拦截，再加上同一个EmptyFragment被两个适配器重复返回，引发Fragment生命周期冲突。下面是具体的重构方案，让你在中间页面同时支持横竖滑动：

1. 重构整体结构 #

放弃叠加两个ViewPager的思路，改为外层垂直ViewPager控制上下页面，中间的EmptyFragment内部嵌套水平ViewPager控制左右页面。这样既分离了滑动逻辑，又避免了事件拦截冲突。

2. 修改适配器命名与逻辑 #

先给适配器改名避免和控件类重名（原命名容易混淆）：

垂直滑动适配器（外层） #

public class VerticalPagerAdapter extends FragmentPagerAdapter {
    public VerticalPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        switch (position){
            case 0: return SettingsFragment.create();
            case 1: return EmptyFragment.create(); // 中间页面作为水平ViewPager的容器
            case 2: return ExtrasFragment.create();
        }
        return null;
    }

    @Override
    public int getCount() {
        return 3;
    }
}

水平滑动适配器（内层） #

把原EmptyFragment的内容拆成独立的HomeContentFragment，避免循环嵌套：

public class HorizontalPagerAdapter extends FragmentPagerAdapter {
    public HorizontalPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        switch (position){
            case 0: return ChatFragment.create();
            case 1: return HomeContentFragment.create(); // 原EmptyFragment的核心内容
            case 2: return StoryFragment.create();
        }
        return null;
    }

    @Override
    public int getCount() {
        return 3;
    }
}

3. 改造EmptyFragment作为容器 #

创建fragment_empty.xml布局，用来承载水平ViewPager：

<android.support.v4.view.ViewPager 
    android:id="@+id/ef_view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

然后修改EmptyFragment的代码，初始化内部的水平ViewPager：

public class EmptyFragment extends Fragment {
    public static EmptyFragment create() {
        return new EmptyFragment();
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_empty, container, false);
        
        ViewPager horizontalViewPager = view.findViewById(R.id.ef_view_pager);
        // 注意使用getChildFragmentManager()，避免Fragment嵌套生命周期问题
        HorizontalPagerAdapter adapter = new HorizontalPagerAdapter(getChildFragmentManager());
        horizontalViewPager.setAdapter(adapter);
        horizontalViewPager.setCurrentItem(1); // 默认显示中间的首页内容
        
        return view;
    }
}

4. 简化MainActivity与布局 #

去掉原布局中的水平ViewPager，只保留外层垂直ViewPager：

<View android:id="@+id/am_background_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/green"/>
<!-- 使用自定义的垂直ViewPager处理滑动冲突 -->
<com.yourpackage.CustomVerticalViewPager android:id="@+id/am_scrollView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

修改MainActivity代码，只初始化外层垂直ViewPager：

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        CustomVerticalViewPager verticalViewPager = findViewById(R.id.am_scrollView);
        VerticalPagerAdapter adapter = new VerticalPagerAdapter(getSupportFragmentManager());
        verticalViewPager.setAdapter(adapter);
        verticalViewPager.setPageTransformer(false, new DefaultTransformer());
        verticalViewPager.setCurrentItem(1); // 默认进入中间的首页容器
    }
}

5. 解决滑动冲突：自定义垂直ViewPager #

为了让外层垂直ViewPager和内层水平ViewPager正确区分滑动方向，自定义一个CustomVerticalViewPager：

public class CustomVerticalViewPager extends me.kaelaela.verticalviewpager.VerticalViewPager {
    private float startX;
    private float startY;

    public CustomVerticalViewPager(Context context) {
        super(context);
    }

    public CustomVerticalViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean intercept = super.onInterceptTouchEvent(ev);
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                startX = ev.getX();
                startY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(ev.getX() - startX);
                float dy = Math.abs(ev.getY() - startY);
                // 水平滑动时，不拦截事件，交给内层ViewPager处理
                if (dx > dy) {
                    return false;
                }
                break;
        }
        return intercept;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(ev.getX() - startX);
                float dy = Math.abs(ev.getY() - startY);
                // 水平滑动时，不处理事件，交给内层ViewPager
                if (dx > dy) {
                    return false;
                }
                break;
        }
        return super.onTouchEvent(ev);
    }
}

为什么原方案不行？ #

1. 布局叠加导致事件拦截：两个ViewPager在布局中叠加时，上层ViewPager会接收所有触摸事件，下层ViewPager完全无法响应。
2. Fragment实例重复使用：同一个EmptyFragment被两个适配器返回，会导致Fragment生命周期混乱（一个Fragment不能同时依附在两个父容器）。

通过嵌套结构+滑动方向判断，就可以完美实现类似Snapchat的横竖滑动切换逻辑了。

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