如何在BottomSheetDialog android的顶部中心添加关闭按钮?

时间:2018-02-15 14:24:04

标签: android android-alertdialog bottom-sheet

想要在BottomSheetDialog上添加关闭按钮来关闭它。

我使用BottomSheetDialog的自定义视图(Linearlayout)。

filterDialog = new BottomSheetDialog(context); filterDialog.setContentView(rootView); filterDialog.getWindow().setWindowAnimations(R.style.CustomDialogAnimation); filterDialog.show();

图片下面的

是我的filterDialog:

enter image description here

这就是我想要实现的目标:

enter image description here

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:4)

我通过使用自定义(底部)动画的Dialog(全屏)解决了这个问题。

设计

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorTransparent"
android:orientation="vertical"
>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    >
    <ImageView
        android:id="@+id/img_close"
        android:layout_width="@dimen/fifty_dp"
        android:layout_height="@dimen/thirty_dp"
        android:src="@drawable/ic_close_filter"/>
</LinearLayout>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/white"
    android:orientation="vertical">


<!-- All your required widgets here-->
    </LinearLayout> </LinearLayout>

Java代码:

  Dialog filterDialog;
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());

    // Get the layout inflater
    LayoutInflater inflater = getActivity().getLayoutInflater();
    View rootView = inflater.inflate(R.layout.dialog_filter, null);

    final ImageView close = (ImageView) rootView.findViewById(R.id.img_close);

    builder.setView(rootView);

    filterDialog = builder.create();

    WindowManager.LayoutParams lp2 = new WindowManager.LayoutParams();
    Window window = filterDialog.getWindow();
    filterDialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
    lp2.copyFrom(window.getAttributes());
    //This makes the dialog take up the full width
    lp2.width = ViewGroup.LayoutParams.MATCH_PARENT;
    lp2.height = ViewGroup.LayoutParams.WRAP_CONTENT;
    window.setAttributes(lp2);
    Window dialogWindow = filterDialog.getWindow();
    WindowManager.LayoutParams lp = dialogWindow.getAttributes();
    dialogWindow.setGravity(Gravity.BOTTOM );

    filterDialog.getWindow().setWindowAnimations(R.style.CustomDialogAnimation);
    filterDialog.show();

答案 1 :(得分:0)

你可以这样做 -

C2

注意:可点击的假是非常重要的一点。这样做可以访问线性布局后面的视图。同时将背景颜色设置为透明