blocks|key|1097384|text|您必须更改bottom+sheet+theme才能实现顶部圆形布局|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1097385|创建自定义可绘制background_bottom_sheet_dialog_fragment.xml：|1097386|<?xml+version="1.0"+encoding="utf-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android"
+++android:shape="rectangle">
++++<corners
+++++++android:topLeftRadius="8dp"
++++++++android:topRightRadius="8dp"+/>
++++<padding+android:top="0dp"+/>
++++<solid+android:color="@color/white"+/>
</shape>|code-block|syntax|javascript|1097387|然后使用可绘制的作为背景覆盖styles.xml上的bottomSheetDialogTheme：|1097388|
<style+name="BottomSheet"+parent="@style/Widget.Design.BottomSheet.Modal">
++++<item+
++++name="android:background">@drawable/background_bottom_sheet_dialog_fragment
++++</item>
</style>

<style+name="BaseBottomSheetDialog"+
++++parent="@style/Theme.Design.Light.BottomSheetDialog">
++++<item+name="android:windowIsFloating">false</item>
++++<item+name="bottomSheetStyle">@style/BottomSheet</item>
</style>

<style+name="BottomSheetDialogTheme"+parent="BaseBottomSheetDialog"+/>|1097389|这将更改底部工作表的背景布局|1097390|注意:删除底部工作表对话框视图布局中的所有背景|1097391|entityMap^0|5|I|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|13|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|14|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|V|$]]

<p>You have to change the <code>bottom sheet theme</code> to achieve the top round layout </p>

<p>Create a custom drawable background_bottom_sheet_dialog_fragment.xml:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle"&gt;
    &lt;corners
       android:topLeftRadius="8dp"
        android:topRightRadius="8dp" /&gt;
    &lt;padding android:top="0dp" /&gt;
    &lt;solid android:color="@color/white" /&gt;
&lt;/shape&gt;
</code></pre>

<p>Then override bottomSheetDialogTheme on styles.xml using the drawable as background:</p>

<pre><code>&lt;!--Bottom sheet--&gt;
&lt;style name="BottomSheet" parent="@style/Widget.Design.BottomSheet.Modal"&gt;
    &lt;item 
    name="android:background"&gt;@drawable/background_bottom_sheet_dialog_fragment
    &lt;/item&gt;
&lt;/style&gt;

&lt;style name="BaseBottomSheetDialog" 
    parent="@style/Theme.Design.Light.BottomSheetDialog"&gt;
    &lt;item name="android:windowIsFloating"&gt;false&lt;/item&gt;
    &lt;item name="bottomSheetStyle"&gt;@style/BottomSheet&lt;/item&gt;
&lt;/style&gt;

&lt;style name="BottomSheetDialogTheme" parent="BaseBottomSheetDialog" /&gt;
</code></pre>

<p>This will change the background layout of your bottom sheet</p>

<p>NOTE: remove all background from your bottom sheet dialog view layout</p>


blocks|key|1138335|text|创建如下所示的自定义样式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1138336|+<style+name="AppBottomSheetDialogTheme"+parent="Theme.Design.Light.BottomSheetDialog">
++++++++<item+name="bottomSheetStyle">@style/AppModalStyle</item>
++++</style>

++++<style+name="AppModalStyle"+parent="Widget.Design.BottomSheet.Modal">
++++++++<item+name="android:background">@drawable/rounded_corner_top_only</item>
++++</style>|code-block|syntax|javascript|1138337|然后在自定义片段中覆盖此方法。|1138338|+@Override
++++public+void+onCreate(@Nullable+Bundle+savedInstanceState)+{
++++++++super.onCreate(savedInstanceState);
++++++++//bottom+sheet+round+corners+can+be+obtained+but+the+while+background+appears+to+remove+that+we+need+to+add+this.
++++++++setStyle(DialogFragment.STYLE_NO_FRAME,R.style.AppBottomSheetDialogTheme);
++++}|1138339|这是与我一起工作，希望它将与您工作。|1138340|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Create custom style like below. </p>

<pre><code> &lt;style name="AppBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog"&gt;
        &lt;item name="bottomSheetStyle"&gt;@style/AppModalStyle&lt;/item&gt;
    &lt;/style&gt;

    &lt;style name="AppModalStyle" parent="Widget.Design.BottomSheet.Modal"&gt;
        &lt;item name="android:background"&gt;@drawable/rounded_corner_top_only&lt;/item&gt;
    &lt;/style&gt;
</code></pre>

<p>then override this method in the custom fragment. </p>

<pre><code> @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //bottom sheet round corners can be obtained but the while background appears to remove that we need to add this.
        setStyle(DialogFragment.STYLE_NO_FRAME,R.style.AppBottomSheetDialogTheme);
    }
</code></pre>

<p>This is working with me hopefully it will work with you. </p>


blocks|key|1098367|text|在你的BottomSheetDialogFragment中覆盖它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1098368|@Override
public+void+setupDialog(Dialog+dialog,+int+style)+{
++++View+view+=+View.inflate(getContext(),+R.layout.YOUR_LAYOUT,+null);
++++dialog.setContentView(view);
++++((View)+view.getParent()).setBackgroundColor(getResources().getColor(android.R.color.transparent));
}|code-block|syntax|javascript|1098369|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Override this in your BottomSheetDialogFragment</p>

<pre><code>@Override
public void setupDialog(Dialog dialog, int style) {
    View view = View.inflate(getContext(), R.layout.YOUR_LAYOUT, null);
    dialog.setContentView(view);
    ((View) view.getParent()).setBackgroundColor(getResources().getColor(android.R.color.transparent));
}
</code></pre>


<p>I'm using <code>BottomSheetDialogFragment</code> and I'm rounding the corners of top right/left and it's working properly but I noticed that behind the rounded corners, it's not transparent and it's very annoying.</p>

<p>It's noticeable in the below screenshot:</p>

<p><a href="https://i.stack.imgur.com/tmLrg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/tmLrg.png" alt="enter image description here"></a></p>

<p>How do I make them transparent?</p>


Android BottomSheetDialogFragment has color behind rounded corners

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用BottomSheetDialogFragment，我在右上角/左上角圆角，它工作正常，但我注意到在圆角后面，它是不透明的，这非常恼人。在下面的截图中很明显：​​我如何使它们变得透明？

问Android BottomSheetDialogFragment在圆角后面有颜色。
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android BottomSheetDialogFragment在圆角后面有颜色。EN