如何将边距设置为自定义对话框?

时间:2011-05-27 14:13:34

标签: android dialog

有谁知道我如何设置自定义对话框的边距?我问,因为我有一个自定义对话框但是在显示时它会拉伸以填充父对象,即使我在布局参数上明确设置了WRAP_CONTENT。

基本上,对话框包含一个listview,其元素必须向下滚动,当元素为1时,它不会拉伸,但是当添加更多项时,对话框占据整个屏幕。

有什么建议吗?我正在尝试所有可能的解决方案组合,但没有取得令人满意的结果

编辑:添加了对话框布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="50dip"   
    android:orientation="vertical"
    android:layout_gravity="top|center">

    <FrameLayout android:layout_width="fill_parent" android:layout_margin="5dip" android:layout_height="wrap_content">

            <TextView android:layout_width="wrap_content"        android:layout_height="wrap_content" 
                android:layout_gravity="center"
                android:textSize="20sp" android:textColor="@color/black"/>

            <Button android:layout_height="32dip" android:layout_width="32dip" 
                android:id="@+id/guide_dialog_cross_button"
                android:background="@drawable/button_cross_white"/>

        </FrameLayout>


    <ListView android:layout_width="fill_parent" android:layout_height="wrap_content" 
        android:fadingEdge="none"
        android:layout_margin="5dip"/>

    <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_margin="5dip" />

</LinearLayout>

15 个答案:

答案 0 :(得分:90)

边距对Dialogs不起作用,我认为顶级窗口视图不是支持边距的布局类型。我已经看过帖子,当定义为Dialog的样式(而不是顶级视图元素)时,边距将起作用,但这似乎也不起作用。

要解决此问题,您需要做的是为对话框背景使用inset drawable,并调整任何填充以考虑背景的额外插入。在下面的例子中,我只是设置左和右;右边缘。

Dialog background drawable:

<?xml version="1.0" encoding="utf-8"?>
<!-- drawable is a reference to your 'real' dialog background -->
<!-- insetRight and insetLeft add the margins -->
<inset
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/dialog_background" 
    android:insetRight="10dp"
    android:insetLeft="10dp">
</inset>

对话主视图:

<?xml version="1.0" encoding="utf-8"?>
<!-- paddingTop / paddingBottom padding for the dialog -->
<!-- paddingLeft / paddingRight padding must add the additional inset space to be consistent -->
<!-- background references the inset background drawable -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingTop="5dp"
    android:paddingBottom="5dp"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:background="@drawable/dialog_background_inset">

<!-- ...the rest of the layout... -->

您可能还需要将Dialog本身的背景颜色设置为透明。像这样添加颜色资源:

<color name="transparent">#00000000</color>

并将对话框的窗口背景颜色设置为此(注意:你不能直接指定颜色,eclipse会抱怨)

<style name="Dialog" parent="android:style/Theme.Dialog">
    <item name="android:windowBackground">@color/transparent</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
</style>

此样式应作为theme参数传递给Dialog的构造函数,如new Dialog(context, R.style.Dialog);

答案 1 :(得分:17)

我遇到了同样的问题,我通过在InsetDrawable上设置窗口背景来解决它:

AlertDialog.Builder builder = new AlertDialog.Builder(context);
...
...
AlertDialog dialog = builder.create();

ColorDrawable back = new ColorDrawable(Color.TRANSPARENT);
InsetDrawable inset = new InsetDrawable(back, 20);
dialog.getWindow().setBackgroundDrawable(inset);

dialog.show();

在这种情况下,对话框将显示所有边缘的边距为20。

答案 2 :(得分:16)

边距似乎不适用于对话框的自定义布局,但填充有效。尝试在顶层线性布局上设置填充。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="4dp"
    android:paddingRight="4dp" >

答案 3 :(得分:7)

解决方法可以这样做:

dialog.getWindow().getAttributes().height = 
           (int) (getDeviceMetrics(context).heightPixels*0.8);

` getDeviceMetrics 方法:

public static DisplayMetrics getDeviceMetrics(Context context) {
    DisplayMetrics metrics = new DisplayMetrics();
    WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    Display display = wm.getDefaultDisplay();
    display.getMetrics(metrics);
    return metrics;
}

答案 4 :(得分:2)

这是一种直接的,可编程的方式来设置带边距的对话框的位置和大小。

我通过DialogFragment方法应用onCreateDialog来测试我的方法:

public Dialog onCreateDialog( Bundle savedInstanceState )
{
    // create dialog in an arbitrary way
    Dialog dialog = super.onCreateDialog( savedInstanceState ); 
    DialogUtils.setMargins( dialog, 0, 150, 50, 75 );
    return dialog;
}

这是将边距应用于对话框的方法:

public static Dialog setMargins( Dialog dialog, int marginLeft, int marginTop, int marginRight, int marginBottom )
{
    Window window = dialog.getWindow();
    if ( window == null )
    {
        // dialog window is not available, cannot apply margins
        return dialog;
    }
    Context context = dialog.getContext();

    // set dialog to fullscreen
    RelativeLayout root = new RelativeLayout( context );
    root.setLayoutParams( new ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ) );
    dialog.requestWindowFeature( Window.FEATURE_NO_TITLE );
    dialog.setContentView( root );
    // set background to get rid of additional margins
    window.setBackgroundDrawable( new ColorDrawable( Color.WHITE ) );

    // apply left and top margin directly
    window.setGravity( Gravity.LEFT | Gravity.TOP );
    LayoutParams attributes = window.getAttributes();
    attributes.x = marginLeft;
    attributes.y = marginTop;
    window.setAttributes( attributes );

    // set right and bottom margin implicitly by calculating width and height of dialog
    Point displaySize = getDisplayDimensions( context );
    int width = displaySize.x - marginLeft - marginRight;
    int height = displaySize.y - marginTop - marginBottom;
    window.setLayout( width, height );

    return dialog;
}

以下是我使用的辅助方法:

@NonNull
public static Point getDisplayDimensions( Context context )
{
    WindowManager wm = ( WindowManager ) context.getSystemService( Context.WINDOW_SERVICE );
    Display display = wm.getDefaultDisplay();

    DisplayMetrics metrics = new DisplayMetrics();
    display.getMetrics( metrics );
    int screenWidth = metrics.widthPixels;
    int screenHeight = metrics.heightPixels;

    // find out if status bar has already been subtracted from screenHeight
    display.getRealMetrics( metrics );
    int physicalHeight = metrics.heightPixels;
    int statusBarHeight = getStatusBarHeight( context );
    int navigationBarHeight = getNavigationBarHeight( context );
    int heightDelta = physicalHeight - screenHeight;
    if ( heightDelta == 0 || heightDelta == navigationBarHeight )
    {
        screenHeight -= statusBarHeight;
    }

    return new Point( screenWidth, screenHeight );
}

public static int getStatusBarHeight( Context context )
{
    Resources resources = context.getResources();
    int resourceId = resources.getIdentifier( "status_bar_height", "dimen", "android" );
    return ( resourceId > 0 ) ? resources.getDimensionPixelSize( resourceId ) : 0;
}

public static int getNavigationBarHeight( Context context )
{
    Resources resources = context.getResources();
    int resourceId = resources.getIdentifier( "navigation_bar_height", "dimen", "android" );
    return ( resourceId > 0 ) ? resources.getDimensionPixelSize( resourceId ) : 0;
}

辅助方法在我的另一个SO answers中解释。

Gist包含支持沉浸模式的扩展版本。

答案 5 :(得分:1)

您可以制作一个新的形状可绘制资源并将其颜色设置为透明:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#00000000"/>
</shape>

然后您可以在对话框类的onCreate方法中添加这些简单的行:

getWindow().setLayout(WindowManager.LayoutParams.MATCH_PARENT,WindowManager.LayoutParams.MATCH_PARENT);  
getWindow().setBackgroundDrawableResource(R.drawable.drawble_resource_you_made_before);

不要忘记将对话框布局资源的背景设置为白色或您想要的任何颜色,那么您可以轻松地通过编辑对话框布局资源并对其进行自定义:)

答案 6 :(得分:1)

我遇到了其他解决方案,因为“ OK”和“ CANCEL”按钮不在屏幕外,看起来很奇怪。取而代之的是,我使用了android:windowMinWidthMinor & android:windowMinWidthMajor,它看起来更好,并且附带地也需要更少的代码。 Java / Kotlin不需要任何东西。

这就是我所做的:

1)仅使用一个背景可绘制对象(我叫我的dialog_box.xml)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorWhite" />
    <corners android:radius="18dp" />
</shape>

2)在布局中设置背景:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/dialog_box">

</androidx.constraintlayout.widget.ConstraintLayout>

3)设置样式:

    <item name="alertDialogTheme">@style/AlertDialogTheme</item>

    <style name="AlertDialogTheme" parent="ThemeOverlay.AppCompat.Dialog.Alert">
        <item name="android:background">@drawable/dialog_box</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowMinWidthMinor">85%</item>
    </style>

答案 7 :(得分:0)

一个对我有用的简单解决方案是将我的整个视图包装在另一个视图中,并将边距设置为内部视图。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_margin="22dp"
        android:orientation="vertical"
        android:layout_width="220dp"
        android:layout_height="wrap_content">

    ... Buttons, TextViews, etc

    </LinearLayout>

</LinearLayout>

Obs:当我想在我的AlertDialog中 时,这是有效的。不是关于屏幕。

答案 8 :(得分:0)

1)更改主要父级布局高度match_content,如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="match_content"
    android:layout_margin="50dip"   
    android:orientation="vertical"
    android:layout_gravity="top|center">

2)现在为style.xml添加样式

<style name="dialogTheme" parent="Base.Theme.AppCompat.Light.Dialog.Alert"/>

3)现在添加以下代码以显示对话框:

Dialog dialog = new Dialog(DayActivity.this, R.style.dialogTheme);
dialog.setContentView(R.layout.dialog_custom_layout);
dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
dialog.show();

答案 9 :(得分:0)

如果使用背景创建自定义对话框,则可以选择以下代码行。 您可以将窗口属性MATCH_PARENT更改为全屏显示。

  

我的问题是对话框向其父级前进的宽度,而没有空白

根据要求尝试以下代码

    Window window = event_dialog.getWindow();
    window.setGravity(Gravity.CENTER);
    WindowManager.LayoutParams wlp = window.getAttributes();
    wlp.width = WindowManager.LayoutParams.MATCH_PARENT;
    wlp.height = WindowManager.LayoutParams.WRAP_CONTENT;
    wlp.flags &= WindowManager.LayoutParams.FLAG_DIM_BEHIND;
    window.setAttributes(wlp);

dialog.show() OR 之前设置这些属性,可以通过将LEFT,RIGHT,TOP,BOTTOM设置为margin布局和{{ 1}}的子布局,例如

root

答案 10 :(得分:0)

正如@simpleApps和@pospi指出的那样,您需要向对话框的backgroundDrawable中添加插图。如果您使用的是自定义对话框,则可以尝试使用xml中定义的drawable

dialog?.window?.setBackgroundDrawableResource(R.drawable.background_dialog)

其中R.drawable.background_dialog定义为

<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="20dp"
    android:insetTop="40dp"
    android:insetRight="20dp"
    android:insetBottom="40dp">
    <shape android:shape="rectangle">
        <solid android:color="@color/color_background_fragment" />
        <corners android:radius="10dp" />
    </shape>
</inset>

答案 11 :(得分:0)

一种简单的方法是将根布局设置为透明背景。然后,让其第一个孩子有边距或预设的高度和宽度。

答案 12 :(得分:0)

如果您扩展对话框片段,请输入以下内容:

override fun onStart() {
        super.onStart()
        if (dialog != null) {
            dialog!!.getWindow()!!.setLayout(Constraints.LayoutParams.MATCH_PARENT, Constraints.LayoutParams.WRAP_CONTENT) // full width dialog
            val back = ColorDrawable(Color.TRANSPARENT)
            val margin = 16
            val inset = InsetDrawable(back, margin)
            dialog!!.window!!.setBackgroundDrawable(inset)
        }
    }

layoutparams取决于对话框的父视图

答案 13 :(得分:0)

第1步。添加以下样式

    <style name="CustomStyle" parent="Theme.MaterialComponents.Light.Dialog">
            <item name="android:windowIsFloating">true</item>
            <item name="android:windowIsTranslucent">false</item>
            <item name="android:windowTranslucentStatus">false</item>
            <item name="android:windowTranslucentNavigation">false</item>
        </style>

步骤2。从DialogFragment扩展自定义对话框,并覆盖以下内容

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

    override fun onStart() {
        super.onStart()
        val dialog: Dialog? = dialog
        if (dialog != null) {
            val width = ViewGroup.LayoutParams.MATCH_PARENT
            val height = ViewGroup.LayoutParams.MATCH_PARENT
            dialog.window?.setLayout(width, height)
            dialog?.window?.setBackgroundDrawable(InsetDrawable(ColorDrawable(resources.getColor(R.color.transparent, null)), 10, 10, 10, 10))
        }
    }

您将能够获得带有边框的全屏对话框片段,而不会出现状态栏或重叠的导航图标。

答案 14 :(得分:0)

有一个比现有答案更简单,更干净的解决方案:

val dialog = AlertDialog.Builder(context)
    .setTitle(title)
    .create()

dialog.setView(view, spacingLeft, spacingTop, spacingRight, spacingBottom)

https://developer.android.com/reference/android/app/AlertDialog#setView(android.view.View,%20int,%20int,%20int,%20int)

请注意,AlertDialog.Builder确实没有此方法,但是您必须直接在对话框中调用它。

(设置页边距不起作用,因为将视图添加到父FrameLayout时AlertController会覆盖LayoutParams)