对话框布局与android 6.0不同

时间:2016-04-06 08:33:04

标签: android android-layout dialog android-dialog android-6.0-marshmallow

我最近更新了我的应用以满足Android M(api 23)的新变化,我注意到对话框的呈现方式发生了巨大变化。

特别是保留给标题的空间消失了,不考虑宽度和高度方面的限制。

对于所有对话框都会发生这种情况,特别是在下面,您可以看到如何在api 22(左)vs api 23(右)设备上安装相同版本的注销对话框。

dialog difference

如何在所有设备上实现相同的表示?

这是对话框的自定义xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="1">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="text message"
            android:id="@+id/confirmDialogMessage"
            android:layout_marginTop="8dp" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:weightSum="1"
        android:background="@color/blue_mp" >

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/confirmDialogNo"
            android:layout_weight="0.5"
            android:scaleType="fitStart"
            android:src="@drawable/cancelicon"
            android:layout_marginLeft="20dp"
            android:background="@android:color/transparent" />

        <ImageButton
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/confirmDialogYes"
            android:layout_weight="0.5"
            android:src="@drawable/okicon"
            android:scaleType="fitEnd"
            android:layout_marginRight="20dp"
            android:background="@android:color/transparent" />
    </LinearLayout>
</LinearLayout>

对话框以这种方式显示:

dialog = new Dialog(v.getContext());
dialog.setContentView(R.layout.dialog_confirm_refuse_layout);
dialog.setTitle(getString(R.string.options_logout));
dialog.show();

编辑:您能否解释一下为什么在api 22和api 23之间发生这种渲染变化?

2 个答案:

答案 0 :(得分:3)

使您的父布局相对。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <LinearLayout
            android:id="@+id/text"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp">
        <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceSmall"
                android:text="text message"
                android:id="@+id/confirmDialogMessage"
                android:layout_marginTop="8dp" />
    </LinearLayout>

    <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:weightSum="1"
            android:layout_below="@id/text"
            android:background="@color/secondary_blue" >

        <ImageButton
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/invite"
                android:layout_weight="0.5"
                android:scaleType="fitStart"
                android:src="@drawable/y_cross_btn"
                android:layout_marginLeft="20dp"
                android:background="@android:color/transparent" />

        <ImageButton
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/close"
                android:layout_weight="0.5"
                android:src="@drawable/ic_tick_btn"
                android:scaleType="fitEnd"
                android:layout_marginRight="20dp"
                android:background="@android:color/transparent" />
    </LinearLayout>
</RelativeLayout>

答案 1 :(得分:0)

您可以在对齐按钮的同时从线性布局更改为相对布局,并将图像按钮更改为图像视图。

附加示例代码:

<RelativeLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:background="@color/pricing_blue" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/confirmDialogNo"
        android:src="@drawable/button_green"
        android:layout_marginLeft="20dp"
        android:layout_alignParentLeft="true"
        android:background="@android:color/transparent" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/confirmDialogYes"
        android:src="@drawable/button_green"
        android:layout_marginRight="20dp"
        android:layout_alignParentRight="true"
        android:background="@android:color/transparent" />
</RelativeLayout>