在 Android 中，BottomSheetDialog 未正确舍入顶角
Posted
技术标签:
【中文标题】在 Android 中，BottomSheetDialog 未正确舍入顶角【英文标题】：BottomSheetDialog not rounding top corners correctly in Android 【发布时间】：2022-01-20 14:50:45 【问题描述】：我有一个自定义的BottomSheetDialog，我为它的布局创建了具有顶角圆角矩形的可绘制对象。 BottomSheetDialog 布局背景是 Linearlayout，我将 drawable 应用于布局。底部工作表的顶角正确舍入，但线性布局的另一个布局底部未舍入（正方形和白色见下图）和它不在 layout.xml 文件中。它就像正方形顶部的圆角矩形。我无法摆脱那个正方形。
下面是我的自定义底页示例
public abstract class EmployeeBottomSheetDialog extends BottomSheetDialog
private Context context;
private Activity activity;
private RecyclerView employeeRecyclerView;
private EditText searchEditText;
private DataBase dataBase;
private ArrayList<Employe> employeeList = new ArrayList<>();
private ArrayList<Employe> employeeSelectedList = new ArrayList<>();
private SelectEmployeeAdapter selectEmployeeAdapter;
private ImageButton closeSearchImageButton;
public EmployeeBottomSheetDialog(@NonNull Context context, List<Employe> selectedEmployeeList)
super(context,R.style.BottomSheetDialogStyle);
this.context = context;
this.activity = (Activity) context;
if(!selectedEmployeeList.isEmpty())
employeeSelectedList.clear();
employeeSelectedList.addAll(selectedEmployeeList);
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.employee_bottom_sheet_dialog);
下面是我的风格
<style name="BottomSheetDialogStyle" parent="Theme.Design.Light.BottomSheetDialog">
<item name="android:windowIsFloating">false</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowSoftInputMode">adjustResize</item>
<item name="shapeAppearanceOverlay">@style/ShapeAppearanceOverlay</item>
<item name="backgroundTint">@android:color/transparent</item>
<item name="background">@android:color/transparent</item>
</style>
下面是我的底页 layout.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/background"
android:layout_
android:layout_
android:orientation="vertical"
android:background="@color/transparent"
app:layout_behavior="@string/bottom_sheet_behavior">
<LinearLayout
android:id="@+id/dialog_layout"
android:layout_
android:layout_
android:orientation="vertical"
android:background="@drawable/bottom_sheet_background"
android:padding="10dp">
<ImageView
android:layout_
android:layout_
android:layout_gravity="center"
android:src="@drawable/ic_baseline_arrow_drop_down_24" />
<RelativeLayout
android:layout_
android:layout_
android:layout_marginTop="@dimen/between_two_views">
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/search_wrapper"
style="@style/textInputHint"
android:layout_
android:layout_
android:hint="@string/search_employees">
<EditText
android:id="@+id/search"
style="@style/textInputText"
android:layout_
android:layout_ />
</com.google.android.material.textfield.TextInputLayout>
<ImageButton
android:id="@+id/close_search"
android:layout_
android:layout_
android:layout_alignParentRight="true"
android:layout_marginTop="15dp"
android:background="@null"
android:src="@drawable/ic_baseline_close_24"
android:text="Button" />
</RelativeLayout>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/employee_recycler"
android:layout_
android:layout_
android:layout_marginTop="@dimen/between_two_views"/>
</LinearLayout>
</LinearLayout>
下面是我的圆角drawable
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:topLeftRadius="20dp" android:topRightRadius="20dp"/>
<solid android:color="@color/red" />
</shape>
【问题讨论】：
我不确定，但在super.onCreate 之前设置样式可能会有所帮助，将其设置为 null 或其他内容而不是材料主题
我不知道该怎么做，请您提供代码吗？？
我目前正在使用手机，打字有点困难，但请查看this 问题。答案显示了如何设置样式
setStyle() 仅适用于 BottomSheetDialogFragment 不适用于 BottomSheetDialog
【参考方案1】：
要解决这个问题，您需要在对话框样式（BottomSheetDialogStyle）中使用透明背景色：
<item name="android:colorBackground">@android:color/transparent</item>
【讨论】：
【参考方案2】：经过数小时的搜索，我找到了答案。我只需要使用下面的样式
<style name="AppBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog">
<item name="android:windowIsFloating">false</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowSoftInputMode">adjustResize</item>
<item name="bottomSheetStyle">@style/AppModalStyle</item>
</style>
<style name="AppModalStyle" parent="Widget.Design.BottomSheet.Modal">
<item name="android:background">@drawable/bottom_sheet_background</item>
</style>
【讨论】：
【参考方案3】： <style name="BottomSheetStyle" parent="Theme.Design.BottomSheetDialog">
<item name="bottomSheetStyle">@style/Model</item>
</style>
<style name="Model" parent="Widget.Design.BottomNavigationView">
<item name="background">@drawable/bottom_sheet_layout</item>
</style>
【讨论】：
【参考方案4】：对于那些寻找一种更简单的方法来在所有状态（甚至是EXPANDED 状态）实现圆角的人，只需将 BottomSheetDialog 的背景属性定义为可绘制形状。
这是可绘制的形状：
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/sheet_gray"/>
<corners android:radius="24dp" />
</shape>
这是我的 BottomSheetDialog ：
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_
android:layout_
android:id="@+id/bs_bottomsheet"
android:background="@drawable/bottom_sheet_b"
app:behavior_hideable="false"
app:behavior_peekHeight="40dp"
app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior">
这将解决所有令人头疼的问题：
设置自定义样式等等... 想知道如何在 EXPANDED 状态下圆角 等等……【讨论】：
以上是关于在 Android 中，BottomSheetDialog 未正确舍入顶角的主要内容，如果未能解决你的问题，请参考以下文章
Android - 在 Android 1.6 中开发的应用程序可以在 Android 2.0 中运行吗？