BottomSheetDialog 在通过向下拖动关闭后仍然隐藏

Question

我很好奇 BottomSheetDialog 被关闭时的行为：当用户向下拖动它以隐藏它时，它会保持隐藏状态，即使之后调用 bottomSheetDialog#show() 也是如此。这仅在向下拖动时发生，而不是在用户触摸外部或以编程方式调用 bottomSheetDialog#dismiss() 时发生。

这真的很烦人，因为我有一个很大的 bottomSheetDialog 里面有一个 recyclerview，每次我想显示 bottomSheetDialog.

所以不要只是这样做：

if(bottomSheetDialog != null){
   bottomSheetDialog.show();
else{
   createNewBottomSheetDialog();
}

我每次都要创建一个。

我是不是遗漏了什么或者这是正常现象吗？（顺便说一下，我使用 appcompat-v7:23.2.1）

Answer 1

我有示例演示，希望有用。

public class BottomListMenu extends BottomSheetDialog {
    private List<MenuDTO> menuList;
    private OnMenuItemTapped menuTapListener;

    public BottomListMenu(@NonNull Context context, List<MenuDTO> menuList, OnMenuItemTapped menuTapListener) {
        super(context);
        this.menuList = menuList;
        this.menuTapListener = menuTapListener;
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_menu_list);
        RecyclerView rcvList = (RecyclerView) findViewById(R.id.rcv_menu_list);
        rcvList.setLayoutManager(new LinearLayoutManager(getContext()));
        BottomSheetMenuListAdapter adapter = new BottomSheetMenuListAdapter(getContext(), this, menuList, menuTapListener);
        rcvList.setAdapter(adapter);
    }
}

--- 使用 ---

BottomListMenu menu = new BottomListMenu(MainActivity.this, MenuUtils.getListMenu(MainActivity.this), new OnMenuItemTapped() {
    @Override
    public void onClickMenuItem(MenuDTO menu) {
        if (menu.getMenuTitle().equals(getString(R.string.menu_edit))) {
            Toast.makeText(MainActivity.this, "Edit Clicked", Toast.LENGTH_SHORT).show();
        } else if (menu.getMenuTitle().equals(getString(R.string.menu_delete))) {
            Toast.makeText(MainActivity.this, "Delete Clicked", Toast.LENGTH_SHORT).show();
        } else if (menu.getMenuTitle().equals(getString(R.string.menu_attach))) {
            Toast.makeText(MainActivity.this, "Attach Clicked", Toast.LENGTH_SHORT).show();
        }
    }
});
menu.show();

-- 此处提供完整的示例代码 --

https://github.com/bita147/BottomSheetDialog

Answer 2

所以我最终通过直接查看 BottomSheetDialog 实现解决了这个问题，我发现它只不过是一个简单的 Dialog 包裹在一个常规的 BottomSheet 中。
问题出在 BottomSheetCallBack :

@Override
    public void onStateChanged(@NonNull View bottomSheet,
            @BottomSheetBehavior.State int newState) {
        if (newState == BottomSheetBehavior.STATE_HIDDEN) {
            dismiss();
        }
    }

当通过向下拖动关闭对话框时达到隐藏状态时会出现问题。之后，即使调用 bottomSheetDialog.show() 对话框也会保持隐藏状态。我发现的最简单的修复方法是删除此状态并将其替换为 COLLAPSED 状态。

我创建了一个 classCustomBottomSheetDialog，复制了整个 BottomSheetDialog class 并添加了一行来解决问题：

@Override
    public void onStateChanged(@NonNull View bottomSheet,
                               @BottomSheetBehavior.State int newState) {

        if (newState == CustomBottomSheetBehavior.STATE_HIDDEN) {

            dismiss();
            bottomSheetBehavior.setState(CustomBottomSheetBehavior.STATE_COLLAPSED);
        }
    }

这是最终代码：

public class CustomBottomSheetDialog extends AppCompatDialog {

    public CustomBottomSheetDialog (@NonNull Context context) {
        this(context, 0);
    }

    public CustomBottomSheetDialog (@NonNull Context context, @StyleRes int theme) {
        super(context, getThemeResId(context, theme));
        // We hide the title bar for any style configuration. Otherwise, there will be a gap
        // above the bottom sheet when it is expanded.
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    }

    protected CustomBottomSheetDialog (@NonNull Context context, boolean cancelable,
            OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    }

    @Override
    public void setContentView(@LayoutRes int layoutResId) {
        super.setContentView(wrapInBottomSheet(layoutResId, null, null));
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setLayout(
                ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
    }

    @Override
    public void setContentView(View view) {
        super.setContentView(wrapInBottomSheet(0, view, null));
    }

    @Override
    public void setContentView(View view, ViewGroup.LayoutParams params) {
        super.setContentView(wrapInBottomSheet(0, view, params));
    }

    private View wrapInBottomSheet(int layoutResId, View view, ViewGroup.LayoutParams params) {
        final CoordinatorLayout coordinator = (CoordinatorLayout) View.inflate(getContext(),
                R.layout.design_bottom_sheet_dialog, null);
        if (layoutResId != 0 && view == null) {
            view = getLayoutInflater().inflate(layoutResId, coordinator, false);
        }
        FrameLayout bottomSheet = (FrameLayout) coordinator.findViewById(R.id.design_bottom_sheet);
        BottomSheetBehavior.from(bottomSheet).setBottomSheetCallback(mBottomSheetCallback);
        if (params == null) {
            bottomSheet.addView(view);
        } else {
            bottomSheet.addView(view, params);
        }
        // We treat the CoordinatorLayout as outside the dialog though it is technically inside
        if (shouldWindowCloseOnTouchOutside()) {
            coordinator.findViewById(R.id.touch_outside).setOnClickListener(
                    new View.OnClickListener() {
                        @Override
                        public void onClick(View view) {
                            if (isShowing()) {
                                cancel();
                            }
                        }
                    });
        }
        return coordinator;
    }

    private boolean shouldWindowCloseOnTouchOutside() {
        if (Build.VERSION.SDK_INT < 11) {
            return true;
        }
        TypedValue value = new TypedValue();
        //noinspection SimplifiableIfStatement
        if (getContext().getTheme()
                .resolveAttribute(android.R.attr.windowCloseOnTouchOutside, value, true)) {
            return value.data != 0;
        }
        return false;
    }

    private static int getThemeResId(Context context, int themeId) {
        if (themeId == 0) {
            // If the provided theme is 0, then retrieve the dialogTheme from our theme
            TypedValue outValue = new TypedValue();
            if (context.getTheme().resolveAttribute(
                    R.attr.bottomSheetDialogTheme, outValue, true)) {
                themeId = outValue.resourceId;
            } else {
                // bottomSheetDialogTheme is not provided; we default to our light theme
                themeId = R.style.Theme_Design_Light_BottomSheetDialog;
            }
        }
        return themeId;
    }

    private BottomSheetBehavior.BottomSheetCallback mBottomSheetCallback
            = new BottomSheetBehavior.BottomSheetCallback() {
        @Override
        public void onStateChanged(@NonNull View bottomSheet,
                @BottomSheetBehavior.State int newState) {
            if (newState == BottomSheetBehavior.STATE_HIDDEN) {
                dismiss();
                bottomSheetBehavior.setState(CustomBottomSheetBehavior.STATE_COLLAPSED);
            }
        }

        @Override
        public void onSlide(@NonNull View bottomSheet, float slideOffset) {
        }
    };

}

Answer 3

更新：该问题已在某些版本的支持库中得到解决。我真的不知道修复它的确切版本，但在 27.0.2 中它是固定的。

注意： 由于 Google 对 URL 架构进行了一些修改，因此 URL 不再涉及所描述的问题。

一种比复制整个 class 仅添加一行更好的解决方法

// Fix BottomSheetDialog not showing after getting hidden when the user drags it down
    myBottomSheetDialog.setOnShowListener(new DialogInterface.OnShowListener() {
        @Override
        public void onShow(DialogInterface dialogInterface) {
            BottomSheetDialog bottomSheetDialog = (BottomSheetDialog) dialogInterface;
            FrameLayout bottomSheet = (FrameLayout) bottomSheetDialog
                    .findViewById(android.support.design.R.id.design_bottom_sheet);
            BottomSheetBehavior.from(bottomSheet).setState(BottomSheetBehavior.STATE_COLLAPSED);
        }
    });

参见：https://code.google.com/p/android/issues/detail?id=202396#c7

BottomSheetDialog 在通过向下拖动关闭后仍然隐藏

BottomSheetDialog remains hidden after dismiss by dragging down

android

android-support-library

bottom-sheet