如何使底部工作表对话框的角变圆？

Question

我试图使我的 BottomSheetDialog 的顶角变圆，但我在网上没有任何运气。这就是我希望它的样子：

无论我尝试过什么，我都不断得到这个：

我在这里尝试过该方法并使用 shapeAppearanceLargeComponent （我现在正在使用的）。

这是我的代码：

样式文件

 <style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    ...
    <item name="shapeAppearanceLargeComponent">@style/CustomShapeAppearanceBottomSheetDialog</item>
</style>

<style name="CustomShapeAppearanceBottomSheetDialog" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSizeTopRight">16dp</item>
    <item name="cornerSizeTopLeft">16dp</item>
</style>

底部导航菜单片段：

public class BottomNavMenuFragment extends BottomSheetDialogFragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_bottom_nav_drawer, container, false);
    }
}

这就是我展示片段的方式：

BottomNavMenuFragment navFragment = new BottomNavMenuFragment();
navFragment.show(getSupportFragmentManager(), navFragment.getTag());

我似乎没有做任何工作。有人能指出我正确的方向吗？

Answer 1

按照以下步骤获得顶部圆角底片：

第 1 步：rounded_top_corners.xml在drawable文件夹内创建可绘制文件

<?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="8dp"
        android:topRightRadius="8dp"/>
</shape>

第 2 步：在中创建以下样式styles.xml

 <style name="BottomSheetDialogStyle" parent="Theme.Design.Light.BottomSheetDialog">
        <item name="bottomSheetStyle">@style/bottomSheetBackground</item>
    </style>

    <style name="bottomSheetBackground" parent="Widget.Design.BottomSheet.Modal">
        <item name="android:background">@drawable/rounded_top_corners</item>
    </style>

第 3 步：在BottomNavMenuFragment类中添加样式

 @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setStyle(STYLE_NORMAL, R.style.BottomSheetDialogStyle);
    }

就是这样，样式将应用于底部。

Answer 2

在搞乱了人们发布的可能解决方案后，我发现我的代码工作正常，但我的 NavigationView 的角遮盖了抽屉的圆角。添加一些填充后，圆角可以正确显示。