如何在Android中使用BottomSheetDialogFragment为Bottom Sheet添加圆角

以下是几种可靠的实现方式，亲测有效：

方法一：布局文件+样式配置组合实现 #

1. 创建带圆角的Bottom Sheet布局 #

新建layout_bottom_sheet.xml，用CardView直接包裹内容实现圆角（自带阴影效果）：

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView 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="wrap_content"
    app:cardCornerRadius="16dp" <!-- 自定义圆角大小 -->
    app:cardElevation="8dp" <!-- 可选：添加阴影增强层次感 -->
    app:cardUseCompatPadding="true">

    <!-- 此处放置Bottom Sheet的内容，比如文本、列表等 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">
        
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="带圆角的Bottom Sheet示例" />
        
    </LinearLayout>
</androidx.cardview.widget.CardView>

2. 定义自定义Bottom Sheet样式 #

在res/values/styles.xml中添加样式，隐藏默认背景避免遮挡圆角：

<style name="CustomBottomSheetDialogStyle" parent="Theme.MaterialComponents.Light.BottomSheetDialog">
    <item name="bottomSheetStyle">@style/CustomBottomSheet</item>
</style>

<style name="CustomBottomSheet" parent="Widget.MaterialComponents.BottomSheet">
    <item name="backgroundTint">@android:color/transparent</item> <!-- 设置背景透明 -->
    <item name="behavior_peekHeight">500dp</item> <!-- 可选：设置默认展开高度 -->
</style>

3. 在Fragment中应用样式 #

重写onCreateDialog方法，指定使用自定义样式：

class CustomBottomSheetDialogFragment : BottomSheetDialogFragment() {

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.layout_bottom_sheet, container, false)
    }

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val dialog = super.onCreateDialog(savedInstanceState)
        dialog.setStyle(DialogFragment.STYLE_NORMAL, R.style.CustomBottomSheetDialogStyle)
        return dialog
    }
}

方法二：代码动态修改Behavior（无需CardView） #

1. 创建圆角shape背景 #

新建res/drawable/bg_bottom_sheet_round.xml，仅给顶部添加圆角：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/white" />
    <corners android:topLeftRadius="16dp" android:topRightRadius="16dp" />
</shape>

在layout_bottom_sheet.xml的根布局中设置：android:background="@drawable/bg_bottom_sheet_round"

2. 代码中移除默认背景 #

在onViewCreated中获取BottomSheetBehavior并清理默认背景：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val bottomSheet = dialog?.findViewById<View>(com.google.android.material.R.id.design_bottom_sheet)
    bottomSheet?.let {
        val behavior = BottomSheetBehavior.from(it)
        behavior.peekHeight = 500dp // 设置展开高度
        it.background = null // 移除默认背景，避免遮挡自定义圆角
    }
}

关键注意事项 #

• 确保项目依赖Material Components库，否则样式可能不生效：

  implementation 'com.google.android.material:material:1.9.0'
  

• 若圆角仍不显示，检查是否有父布局背景覆盖，或BottomSheet默认背景色未清除。

内容的提问来源于stack exchange，提问作者Hamza Aladwan