对话框布局显示不正确

时间:2016-01-02 12:31:01

标签: android android-layout

我实现了自己的对话框。这是xml - 代码:

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.MainActivity"
    android:gravity="center_vertical|center_horizontal"
    android:background="#00ffffff">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:background="#ad1457"
        android:gravity="center"
        android:layout_above="@+id/gameOptions_difficulty"
        android:layout_alignLeft="@+id/gameOptions_difficulty"
        android:layout_alignStart="@+id/gameOptions_difficulty"
        android:id="@+id/gameOptions_title"
        android:weightSum="1">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/gamemode_title"
            android:layout_gravity="center_horizontal"
            android:textColor="#efebe9"
            android:textSize="10pt"
            android:padding="10dp"
            android:layout_marginBottom="8dp" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:background="#ad1457"
        android:id="@+id/gameOptions_difficulty"
        android:layout_above="@+id/gameOptions_gameMode"
        android:layout_alignLeft="@+id/gameOptions_gameMode"
        android:layout_alignStart="@+id/gameOptions_gameMode"
        android:baselineAligned="false"
        android:minHeight="50dp"
        android:padding="5dp"
        android:gravity="center_horizontal"
        android:weightSum="1">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="Easy"
            android:id="@+id/easy_button"
            android:layout_marginLeft="8dp"
            android:onClick="setDifficulty" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="Medium"
            android:id="@+id/medium_button"
            android:onClick="setDifficulty" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="Hard"
            android:id="@+id/hard_button"
            android:onClick="setDifficulty" />
    </LinearLayout>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="300dp"
        android:layout_height="169dp"
        android:orientation="vertical"
        android:gravity="center"
        android:background="#ad1457"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/gameOptions_gameMode"
        android:weightSum="3">

        <Button
            android:id="@+id/roundbased_button"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:onClick="setGameMode"
            android:text="@string/roundbased_game_text" />

        <Button
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:text="@string/to_the_end_text"
            android:onClick="setGameMode"
            android:id="@+id/toTheEnd_button"
            android:layout_gravity="center_horizontal" />

    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:background="#ad1457"
        android:layout_below="@+id/gameOptions_gameMode"
        android:layout_alignLeft="@+id/gameOptions_gameMode"
        android:layout_alignStart="@+id/gameOptions_gameMode"
        android:id="@+id/gameOptions_footer">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/back_button_text"
            android:id="@+id/back_button"
            android:layout_weight="1"
            android:onClick="clickExitButton" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/ok_button_text"
            android:id="@+id/ok_button"
            android:layout_weight="1"
            android:onClick="clickOkButton" />
    </LinearLayout>

</RelativeLayout>

以下是我创建对话框的方法:

        gameOptions = new Dialog(MainActivity.this);
        gameOptions.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        gameOptions.setContentView(R.layout.dialog_gameoptions);
        gameOptions.show();

在android studio的gui builder中,我的布局如下:

gui builder

但是当我在手机上启动我的应用程序时(htc one m9),布局看起来像这样:

mobile device

我如何更改我的布局,它看起来像gui构建器中的那个?我缺少什么?谢谢!。

2 个答案:

答案 0 :(得分:2)

如果您使用Relativelayout,则可以避免所有这些Linearlayout。

例如,这是我的Dialog

之一
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.ddz.diarioscolastico.Dialog_add_voto">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Inserire il voto"
        android:id="@+id/textView4"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="numberDecimal"
        android:ems="10"
        android:id="@+id/voto_inserito"
        android:layout_below="@+id/textView4"
        android:layout_centerHorizontal="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text=""
        android:id="@+id/data_voto"
        android:layout_below="@+id/voto_inserito"
        android:layout_centerHorizontal="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Tipo di voto"
        android:id="@+id/textView6"
        android:layout_below="@+id/data_voto"
        android:layout_centerHorizontal="true" />

    <Spinner
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/spinner_tipo_voto"
        android:layout_below="@+id/textView6"
        android:layout_centerHorizontal="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Aggiungi"
        android:id="@+id/button_aggiungi"
        android:layout_below="@+id/spinner_tipo_voto"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

手机和平板电脑也很好用! 这是一个简单的活动,在Manifest中有这个设置:

   <activity
        android:name=".Dialog_add_voto"
        android:label="@string/title_activity_dialog_add_voto"
        android:theme="@android:style/Theme.Holo.Light.Dialog" >
    </activity>

但是对于你的布局我在尝试仅使用Relativelayout后建议类似的东西:

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.MainActivity"
    android:gravity="center_vertical|center_horizontal"
    android:background="#00ffffff">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ad1457"
        android:gravity="center"
        android:layout_above="@+id/gameOptions_difficulty"
        android:layout_alignLeft="@+id/gameOptions_difficulty"
        android:layout_alignStart="@+id/gameOptions_difficulty"
        android:id="@+id/gameOptions_title"
        android:weightSum="1">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/gamemode_title"
            android:layout_gravity="center_horizontal"
            android:textColor="#efebe9"
            android:textSize="10pt"
            android:padding="10dp"
            android:layout_marginBottom="8dp" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ad1457"
        android:id="@+id/gameOptions_difficulty"
        android:layout_above="@+id/gameOptions_gameMode"
        android:layout_alignLeft="@+id/gameOptions_gameMode"
        android:layout_alignStart="@+id/gameOptions_gameMode"
        android:baselineAligned="false"
        android:minHeight="50dp"
        android:padding="5dp"
        android:gravity="center_horizontal"
        android:weightSum="1">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="Easy"
            android:id="@+id/easy_button"
            android:layout_marginLeft="8dp"
            android:onClick="setDifficulty" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="Medium"
            android:id="@+id/medium_button"
            android:onClick="setDifficulty" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="Hard"
            android:id="@+id/hard_button"
            android:onClick="setDifficulty" />
    </LinearLayout>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_contentt"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center"
        android:background="#ad1457"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/gameOptions_gameMode"
        android:weightSum="3">

        <Button
            android:id="@+id/roundbased_button"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:onClick="setGameMode"
            android:text="@string/roundbased_game_text" />

        <Button
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:text="@string/to_the_end_text"
            android:onClick="setGameMode"
            android:id="@+id/toTheEnd_button"
            android:layout_gravity="center_horizontal" />

    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ad1457"
        android:layout_below="@+id/gameOptions_gameMode"
        android:layout_alignLeft="@+id/gameOptions_gameMode"
        android:layout_alignStart="@+id/gameOptions_gameMode"
        android:id="@+id/gameOptions_footer">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/back_button_text"
            android:id="@+id/back_button"
            android:layout_weight="1"
            android:onClick="clickExitButton" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/ok_button_text"
            android:id="@+id/ok_button"
            android:layout_weight="1"
            android:onClick="clickOkButton" />
    </LinearLayout>

</RelativeLayout>

答案 1 :(得分:1)

这可能是由于您的Dialog大小,这意味着您已经相互创建了大量LinearLayouts - RelativeLayouts

当然,这应该不起作用!

如果这些项目很大,请使用ScrollView,或者您可能需要查看本教程:

http://developer.android.com/guide/practices/screens_support.html

当然,不要相信Android Studio一直预览:)