【问题标题】:BottomSheetDialog remains hidden after dismiss by dragging down通过向下拖动关闭后,BottomSheetDialog 保持隐藏状态
【发布时间】:2016-08-06 13:11:19
【问题描述】:

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

这真的很烦人,因为我有一个很大的bottomSheetDialog,里面有一个recyclerview,每次我想显示bottomSheetDialog时我都必须创建一个新的。

所以不要只是这样做:

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

我必须每次都创建一个。

我错过了什么还是正常行为? (顺便说一句,我使用appcompat-v7:23.2.1

【问题讨论】:

    标签: android android-support-library bottom-sheet


    【解决方案1】:

    所以我终于设法通过直接查看 BottomSheetDialog 实现来解决这个问题,我发现它只不过是一个简单的 Dialog 包装成一个普通的 BottomSheet
    问题出在BottomSheetCallBack

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

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

    我创建了一个classCustomBottomSheetDialog,复制了整个BottomSheetDialog 类并添加了一行来解决问题:

    @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) {
            }
        };
    
    }
    

    【讨论】:

    • 我无法复制和粘贴此代码,因为在您设置状态时没有对 bottomSheetBehavior 的引用。
    【解决方案2】:

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

    注意:由于 Google 对 URL 架构进行了一些修改,该 URL 不再涉及所描述的问题。

    比复制整个类只是添加一行更好的解决方法

    // 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

    【讨论】:

    • 在onShow中将状态设置为展开并不能解决任何问题,您必须进入bottomSheetcallback以删除设置时隐藏的状态。
    • @DavidSeroussi 我自己测试过,效果很好。
    【解决方案3】:

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

    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

    【讨论】:

    • 谢谢,但这如何回答我的问题?
    猜你喜欢
    • 1970-01-01
    • 2014-02-08
    • 2021-12-14
    • 1970-01-01
    • 1970-01-01
    • 2015-03-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多