自定义DialogFragment宽高问题

自定义DialogFragment的时候，有时并不想要DialogFrament自带的标题栏，所以会将DialogFrament的样式设置为无标题。如：

  

 getDialog().getWindow().requestFeature(Window.FEATURE_NO_TITLE);

或

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

        ...

        <item name="android:windowNoTitle">true</item>

    </style>      

 

这时，对话框布局文件最外层布局的宽高设置会无效，显示会以wrap_content显示，这样如果内容宽度不大，显示出来就只有一点，并不是我们想要的效果。

大部分的解决方案是通过dialog.getWindow().setLayout()设置，如下：

@Override

public void onStart() {
    super.onStart();
    Dialog dialog = getDialog();
    if (dialog != null) {
        dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    }
}

 

这样就可以设置dialog的宽高了。将width赋值ViewGroup.LayoutParams.MATCH_PARENT，宽度会占满全屏，某些时候可能需要占满全屏的效果。但，大部分对话框是与屏幕宽度有一些间距的，这样看起来也比较自然。当然，将widht设置成具体值就可以解决了。 

后来发现设置样式为android.R.style.Theme_Holo_Light_Dialog_MinWidth时，对话框与屏幕有间隔，效果如下：

 

这差不多是我们想到的效果了，但宽度与屏幕间的间距较小，觉得不美观。

 

看了下android.R.style.Theme_Holo_Light_Dialog_MinWidth的样式是这样的

<style name="Theme.Holo.Light.Dialog.MinWidth">

<item name="windowMinWidthMajor">@dimen/dialog_min_width_major</item>

<item name="windowMinWidthMinor">@dimen/dialog_min_width_minor</item>

</style>

里面只有两个属性“windowMinWidthMajor”和“windowMinWidthMinor”，这两个属性就是用来设置window的最小宽度。dimen/dialog_min_width_major的值为65%，dimen/dialog_min_width_minor为95%。

那么我们可以在自定义样式中加上这两个属性，值根据需求设置，比如windowMinWidthMinor设为90%

 

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

<item name="android:windowFrame">@null</item>

<item name="android:windowIsFloating">true</item>

<item name="android:windowIsTranslucent">true</item>

<item name="android:windowNoTitle">true</item>

<item name="android:windowBackground">@android:color/transparent</item>

<item name="android:backgroundDimEnabled">true</item>

<item name="android:windowContentOverlay">@null</item>

<item name="android:textSize">25sp</item>

<item name="android:windowMinWidthMajor">@dimen/dialog_min_width_major</item>

<item name="android:windowMinWidthMinor">@dimen/dialog_min_width_minor</item>

</style>

 

然后设置dialogFragment.setStyle(DialogFragment.STYLE_NORMAL, R.style.custom_dialog);效果如下：