自定义DialogFragment宽高问题

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

  

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

          

 

这时,对话框布局文件最外层布局的宽高设置会无效,显示会以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时,对话框与屏幕有间隔,效果如下:

自定义DialogFragment宽高问题_第1张图片

 

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

 

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

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

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

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

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">@nullitem>

<item name="android:windowIsFloating">trueitem>

<item name="android:windowIsTranslucent">trueitem>

<item name="android:windowNoTitle">trueitem>

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

<item name="android:backgroundDimEnabled">trueitem>

<item name="android:windowContentOverlay">@nullitem>

<item name="android:textSize">25spitem>

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

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

style>

 

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

 

自定义DialogFragment宽高问题_第2张图片

你可能感兴趣的:(android)