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

Question

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

我正在使用BottomSheetDialog的自定义视图（Linearlayout）。

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

下图是我的filterDialog：

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

任何帮助将不胜感激。

Answer 1

我通过使用自定义（底部）动画的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();

Answer 2

你可以这样做 -

<!--you bottom sheet linear layout -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <!--Layout contains button-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:background="@android:color/transparent"
            android:clickable="false"   
            >

            <!--Your button-->
            <ImageButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" 
                android:src="your drawable"
                android:background="@android:color/transparent"
                android:clickable="true"/>
        </LinearLayout>

        <!--put Your other views in below linear layout -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </LinearLayout>
    </LinearLayout>

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