Android 11 DialogFragment width设置无效的问题

原创已于 2022-04-13 10:02:45 修改 · 3.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

android

java

于 2022-04-13 09:45:35 首次发布

在Android开发中，作者遇到一个DialogFragment在Android 11上无法铺满屏幕宽度的问题。通过代码调整和风格设置，最终找到解决方案。问题在于`setStyle()`方法的调用位置和`windowBackground`属性的缺失。将`setStyle()`移动到`onCreate()`中，并在风格中添加`windowBackground`设为透明，使得在所有Android版本下都能正确显示全屏宽度。此外，作者提到使用AlertDialog则不会出现此类问题，但未深入探讨原因。

Android 11 DialogFragment width设置无效的问题

项目中有一个需求是弹窗展示内容，弹窗从屏幕底部弹出，宽度铺满屏幕宽度，代码如下：

	.
	.
	.
	override fun onStart() {
       super.onStart()
       setStyle(STYLE_NO_TITLE, R.style.MyDialogStyleX)
       dialog?.let {
           it.window?.run {
               attributes.gravity = Gravity.BOTTOM
               attributes.width = WindowManager.LayoutParams.MATCH_PARENT
               attributes.height = WindowManager.LayoutParams.WRAP_CONTENT

               setWindowAnimations(R.style.DialogAnimation)
               //设置背景半透明
               setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
           }

           it.setCanceledOnTouchOutside(false)
       }
   }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        mBinding = DialogTopicMoreBinding.inflate(inflater, container, false)
		.
		.
		.
        return mBinding.root
    }
	.
	.
	.

MyDialogStyleX xml代码：

<style name="MyDialogStyleX" parent="BlurDialog">
	<item name="android:backgroundDimEnabled">true</item>
	<item name="android:backgroundDimAmount">0.6</item>
</style>

BlurDialog xml：

<style name="BlurDialog" parent="android:Theme.Dialog"/>

BlurDialog values-v31:

<style name="BlurDialog" parent="android:Theme.Dialog">
    <item name="android:windowBackgroundBlurRadius">10dp</item>
    <item name="android:windowBlurBehindEnabled">true</item>
    <item name="android:windowBlurBehindRadius">10dp</item>
</style>

然而测试时发现，除android 11之外，dialog的宽度都可以铺满屏幕宽度，在android 11上面是这样的：

弹窗与屏幕两边留有固定距离的宽度
弹窗两侧并没有充满屏幕宽度。后来经过百度、谷歌均没有解决问题，突然想到我之前用java写过一个DialogFragment的弹窗，测试一看宽度居然可以铺满屏幕宽，经过对比代码发现，修改这2个地方就可以了：
1.把这段代码

setStyle(STYLE_NO_TITLE, R.style.MyDialogStyleX)

放到 oncreate里面

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

2.MyDialogStyleX中添加windowbackground，并设置为透明

	<style name="MyDialogStyleX" parent="BlurDialog">
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:backgroundDimAmount">0.6</item>

        <item name="android:windowBackground">@android:color/transparent</item><!--背景透明-->
    </style>