0

我目前的 GUI 设计有问题，因为整个页面将向右移动并变成这样：

在此处输入图像描述

创建事件.xml

<?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"
    android:background="@color/crimson"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/txtDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <TextView
        android:id="@android:id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/txtDate"
        android:layout_below="@+id/txtDate"
        android:layout_marginTop="16dp"
        android:text="Title:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@android:id/text1"
        android:layout_alignBottom="@android:id/text1"
        android:layout_marginLeft="34dp"
        android:layout_toRightOf="@android:id/text1" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@android:id/text1"
        android:layout_below="@+id/spinner1"
        android:layout_marginTop="18dp"
        android:text="Location:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/spinner1"
        android:layout_alignTop="@+id/textView2"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView2"
        android:layout_below="@+id/editText1"
        android:layout_marginTop="15dp"
        android:text="Start At:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_toRightOf="@+id/textView2"
        android:ems="10"
        android:inputType="time" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/editText2"
        android:layout_marginTop="22dp"
        android:text="End At:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editText3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/textView3"
        android:layout_toRightOf="@+id/textView2"
        android:ems="10"
        android:inputType="time" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView3"
        android:layout_below="@+id/editText3"
        android:layout_marginTop="23dp"
        android:text="Alarm:"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Button
        android:id="@+id/btnAlarm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView4"
        android:layout_alignBottom="@+id/textView4"
        android:layout_alignLeft="@+id/editText3"
        android:text="Set Alarm" />

    <Button
        android:id="@+id/btnMain"
        style="@style/main_menu"
        android:layout_width="170dp"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="14dp"
        android:layout_toRightOf="@+id/textView1"
        android:background="@drawable/blue_load_picbutton"
        android:text="Main Menu" />




    <Button
        android:id="@+id/btnEvent"
        style="@style/main_menu"
        android:layout_width="170dp"
        android:layout_height="60dp"
        android:layout_above="@+id/btnMain"
        android:layout_alignLeft="@+id/btnMain"
        android:layout_marginBottom="14dp"
        android:background="@drawable/blue_load_picbutton"
        android:text="Create Event" />

    <TextView
        android:id="@+id/txtName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignRight="@+id/editText1"
        android:text="TextView" />

</RelativeLayout>

我不知道整个屏幕移动的原因。我上次打开时，它完全适合屏幕。任何人都知道为什么，你能帮我吗？谢谢。

编辑：

在此处输入图像描述

按照@Andy Res 说的做了之后，我的屏幕目前是这样显示的。供您参考，我用于模拟器的皮肤是 WVGA854。

4

1 回答 1

0

我看到你把你Title的右边对齐txtDate。
然后所有控件都以Title为参考对齐。

所以我相信这条线可能会导致向右移动。

<TextView
        android:id="@android:id/text1"
        android:layout_alignRight="@+id/txtDate"
        .... />

尝试删除：android:layout_alignRight="@+id/txtDate"并查看是否有任何效果。

于 2012-08-15T08:15:49.413 回答