如何调整我的xml大小,以便它很好地适应模拟器

时间:2012-08-15 08:06:31

标签: android xml user-interface

我目前在GUI设计方面遇到问题,因为整个页面将向右移动并变为这样:

enter image description here

create_events.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>

我不知道为什么整个屏幕都会移动的原因。我最后一次打开时,它完全适合屏幕。任何人都知道为什么,你能帮帮我吗?感谢。

编辑:

enter image description here

根据@Andy Res所说的,我的屏幕当前显示如下。供您参考,我用于模拟器的皮肤是WVGA854。

1 个答案:

答案 0 :(得分:0)

我看到你将TitletxtDate的右侧联系起来 然后所有控件都以Title作为参考对齐。

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

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

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