具有透明背景的 BottomSheetDialog

Question

我想显示一个小于屏幕宽度的底部工作表对话框。

例如，Nexus 9 上 Google Play 音乐的分享选项。

你知道如何做到这一点吗？

现在我只是成功地减小了工作表内容的宽度，但背景仍然是屏幕宽度并显示白色背景。

一些代码：

构建.gradle

 compile 'com.android.support:design:23.3.0'

主要活动

@Override
protected void onCreate(Bundle savedInstanceState) {
    ...

    mBottomSheetDialog = new BottomSheetDialog(this);
    mBottomSheetDialog.setContentView(R.layout.sheet_test);
    mBottomSheetDialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
        @Override
        public void onDismiss(DialogInterface dialog) {
            mBottomSheetDialog = null;
        }
    });
    mBottomSheetDialog.show();
}

sheet_test

 <?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            style="@style/TextAppearance.AppCompat.Body1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:text="Some Text"
            android:textColor="@color/colorPrimary" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#ddd" />

        <TextView
            style="@style/TextAppearance.AppCompat.Body1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="16dp"
            android:text="Some Text" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#ddd" />

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

原文由 Zxcv 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

所以，我想出了2个解决方案。

最好的：

为您的底部工作表创建一个具有透明背景的活动。使用协调器布局和底部工作表实现您自己的布局。设置所需的边距。设置你想要的内容。

尚未测试。

懒人：

扩展 BottomSheetDialogFragment ，在 onActivityCreated 添加：

     Resources resources = getResources();

    // Set margin for Landscape Mode. Maybe a more elegant solution will be to implements our own bottom sheet with our own margins.
    if (resources.getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
        assert getView() != null;
        View parent = (View) getView().getParent();
        CoordinatorLayout.LayoutParams layoutParams = (CoordinatorLayout.LayoutParams) parent.getLayoutParams();
        layoutParams.setMargins(
                resources.getDimensionPixelSize(R.dimen.bottom_sheet_margin_left), // 64dp
                0,
                resources.getDimensionPixelSize(R.dimen.bottom_sheet_margin_right), // 64dp
                0
        );
        parent.setLayoutParams(layoutParams);
    }

原文由 Zxcv 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我知道我来晚了，但在 kotlin 中真正帮助我的是在 onCreate() 的片段中添加这一行：

 override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setStyle(STYLE_NORMAL,R.style.CustomBottomSheetDialog)
}

在样式（）中：

   <style name="CustomBottomSheetDialog" parent="Theme.Design.Light.BottomSheetDialog">
  <item name="bottomSheetStyle">@style/bottomSheetStyleWrapper
  </item>
  </style>
  <style name="bottomSheetStyleWrapper"
  parent="Widget.Design.BottomSheet.Modal">
  <item
name="android:background">@android:color/transparent</item>
  </style>

对我来说非常好。

原文由 Faizan Saeed 发布，翻译遵循 CC BY-SA 4.0 许可协议