多重碎片滑动冲突：BottomSheetDialogFragment 中的优雅解决方案

2023-09-09 18:04:19

征服 BottomSheetDialogFragment 中的滑动冲突：优雅地处理嵌套滚动

在移动应用程序开发中，BottomSheetDialogFragment 是一种功能强大的工具，可让您在应用程序之上展示一个可折叠的面板，通常用于显示附加信息、设置或操作。然而，当在 BottomSheetDialogFragment 中嵌入多个碎片时，可能会遇到滑动冲突，导致混乱且不可预测的滚动行为。本文将深入探讨这一常见问题并提供一个优雅的解决方案，帮助您创建顺畅且用户友好的界面。

滑动冲突的根源

滑动冲突的根源在于 BottomSheetDialogFragment 中使用的嵌套滚动机制。在此机制中，外部布局（BottomSheetDialogFragment）负责垂直滚动，而内部碎片负责水平滚动。当多个碎片同时滚动时，嵌套滚动系统中可能会发生冲突，导致不可预测的行为。

解决方法

要解决此问题，我们需要采取多管齐下的方法：

确保外部布局不拦截内部碎片的垂直滚动事件。
监听列表滚动事件并禁用嵌套滚动，当列表滑动到顶部时收缩弹窗。

详细步骤

步骤 1：允许内部碎片处理垂直滚动

为了防止外部布局拦截内部碎片的垂直滚动，需要在外部布局的 onInterceptTouchEvent() 方法中返回 false。这将允许内部碎片处理所有垂直滚动事件，确保当弹窗展开时列表可以继续滑动。

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    return false;
}

步骤 2：禁用嵌套滚动并收缩弹窗

为了在列表滑动到顶部时收缩弹窗，需要监听列表的滚动事件。当列表可以向上滚动时，禁用外部布局的嵌套滚动，让内部碎片处理收缩弹窗的滚动事件。当列表已滚动到顶部时，重新启用嵌套滚动。

recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        if (recyclerView.canScrollVertically(-1)) {
            nestedScrollView.setNestedScrollingEnabled(false);
        } else {
            nestedScrollView.setNestedScrollingEnabled(true);
        }
    }
});

代码示例

以下是一个完整代码示例，演示了解决方案的实现：

public class CustomBottomSheetDialogFragment extends BottomSheetDialogFragment {
    private NestedScrollView nestedScrollView;
    private RecyclerView recyclerView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_bottom_sheet, container, false);
        nestedScrollView = view.findViewById(R.id.nestedScrollView);
        recyclerView = view.findViewById(R.id.recyclerView);

        // 允许内部碎片处理垂直滚动
        nestedScrollView.setOnInterceptTouchEvent(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return false;
            }
        });

        // 禁用嵌套滚动并收缩弹窗
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                if (recyclerView.canScrollVertically(-1)) {
                    nestedScrollView.setNestedScrollingEnabled(false);
                } else {
                    nestedScrollView.setNestedScrollingEnabled(true);
                }
            }
        });

        return view;
    }
}