在我的应用程序中,我有一个表单,用户可以在其中输入他/她的姓名和地址详细信息。我已经创建了布局文件,如图像所示。看起来还不错,但如果值足够长,则城市,州,邮政编码和国家/地区中的值相互重叠时,我希望它看起来更好。

我一直在尝试使布局更好,但是现在我需要一些帮助,因为我在Android编程/设计方面经验不足。我已附上图片以更好地了解



这是布局的XML文件:

<?xml version="1.0" encoding="utf-8"?>




<ImageView android:id="@id/top_bar_view"
    android:layout_width="match_parent" android:layout_height="70dp"
    android:background="@drawable/top_bar" android:contentDescription="@string/content" />

<TextView android:id="@+id/txt_recipient"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:layout_alignParentTop="true" android:layout_centerHorizontal="true"
    android:layout_marginTop="18dp" android:padding="8dp"
    android:text="@string/text_recipient" android:textColor="#FFFFFF"
    android:textSize="16sp" />

<RelativeLayout android:id="@+id/Rlayout_recipient"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:layout_below="@id/top_bar_view" android:background="@drawable/bg">

    <EditText android:id="@+id/edt_rec_name"
        android:layout_width="match_parent" android:layout_height="wrap_content"
        android:layout_alignParentTop="true" android:layout_centerHorizontal="true"
        android:layout_marginLeft="20dp" android:layout_marginRight="20dp"
        android:layout_marginTop="22dp" android:background="@drawable/border_email"
        android:ems="10" android:hint="@string/name_hint" android:inputType="text"
        android:padding="6dp" android:textColor="#FFFFFF"
        android:textColorHint="#FFFFFF" />

    <EditText android:id="@+id/edt_rec_addr1"
        android:layout_width="match_parent" android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/edt_rec_name"
        android:layout_alignRight="@+id/edt_rec_name" android:layout_below="@+id/edt_rec_name"
        android:layout_marginTop="15dp" android:background="@drawable/border_email"
        android:ems="10" android:hint="@string/addr1_hint" android:inputType="text"
        android:padding="6dp" android:textColor="#FFFFFF"
        android:textColorHint="#FFFFFF" />

    <EditText android:id="@+id/edt_rec_addr2"
        android:layout_width="match_parent" android:layout_height="wrap_content"
        android:layout_above="@+id/addr_layout" android:layout_alignLeft="@+id/edt_rec_addr1"
        android:layout_alignRight="@+id/edt_rec_addr1"
        android:layout_marginBottom="17dp" android:background="@drawable/border_email"
        android:ems="10" android:hint="@string/addr2_hint" android:inputType="text"
        android:padding="6dp" android:textColor="#FFFFFF"
        android:textColorHint="#FFFFFF" />



    <RelativeLayout android:id="@+id/addr_layout"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/edt_rec_addr2"
        android:layout_alignParentBottom="true" android:layout_alignRight="@+id/edt_rec_addr2"
        android:layout_marginBottom="16dp" android:background="@drawable/border_email">

        <EditText android:id="@+id/edt_rec_city"
            android:layout_width="120dp" android:layout_height="wrap_content"
            android:ems="10" android:hint="@string/city_hint" android:inputType="text"
            android:padding="6dp" android:textColor="#FFFFFF"
            android:layout_alignParentLeft="true" android:textColorHint="#FFFFFF" />

        <EditText android:id="@+id/edt_rec_state"
            android:layout_width="125dp" android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/edt_rec_city" android:ems="10"
            android:hint="@string/state_hint" android:inputType="text"
            android:padding="6dp" android:textColor="#FFFFFF"
            android:textColorHint="#FFFFFF" />

        <EditText android:id="@+id/edt_rec_postcode"
            android:layout_width="125dp" android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/edt_rec_state" android:ems="10"
            android:hint="@string/postcode_hint" android:inputType="number"
            android:padding="6dp" android:textColor="#FFFFFF"
            android:textColorHint="#FFFFFF" />


        <EditText android:id="@+id/edt_rec_ctry"
            android:layout_width="125dp" android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true" android:ems="10"
            android:focusable="false" android:hint="@string/country_hint"
            android:inputType="text" android:padding="6dp" android:textColor="#FFFFFF"
            android:textColorHint="#FFFFFF" />


    </RelativeLayout>


</RelativeLayout>

<ImageButton android:id="@id/btn_save"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:layout_alignParentRight="true" android:layout_alignParentTop="true"
    android:layout_marginRight="14dp" android:contentDescription="@string/content"
    android:src="@drawable/icon_save_iphone" />

<ImageButton android:id="@id/btn_cancel"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:layout_alignParentLeft="true" android:layout_alignParentTop="true"
    android:layout_marginLeft="16dp" android:contentDescription="@string/content"
    android:src="@drawable/icon_cancel_iphone" />

<Button android:id="@+id/btn_contacts" style="?android:attr/buttonStyleSmall"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/txt_recipient"
    android:layout_marginRight="23dp" android:layout_toLeftOf="@id/btn_save"
    android:text="@string/addr_book" />
</RelativeLayout>


我只是做了一些更改,这些更改不会使每个Editext中的文本重叠,但是我不得不在addr_layout中为Editexts分配固定宽度。我不确定这样做是否很好。另外,如何在relativelayout中相等地分隔4个编辑文本?

最佳答案

// try this way
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    android:orientation="vertical" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="5dp"
            android:background="@drawable/top_bar">

            <ImageButton android:id="@id/btn_cancel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/content"
                android:src="@drawable/icon_cancel_iphone" />

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:gravity="right|center_vertical"
                android:layout_marginLeft="5dp"
                android:layout_weight="1">
                <TextView android:id="@+id/txt_recipient"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/text_recipient"
                    android:textColor="#FFFFFF"
                    android:textSize="16sp" />

                <Button android:id="@+id/btn_contacts"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:text="@string/addr_book" />
            </LinearLayout>
            <ImageButton android:id="@id/btn_save"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:contentDescription="@string/content"
                android:src="@drawable/icon_save_iphone" />

        </LinearLayout>

        <EditText android:id="@+id/edt_rec_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@drawable/border_email"
            android:ems="10"
            android:hint="@string/name_hint"
            android:inputType="text"
            android:padding="6dp"
            android:textColor="#FFFFFF"
            android:textColorHint="#FFFFFF" />

        <EditText android:id="@+id/edt_rec_addr1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@drawable/border_email"
            android:ems="10"
            android:hint="@string/addr1_hint"
            android:inputType="text"
            android:padding="6dp"
            android:textColor="#FFFFFF"
            android:textColorHint="#FFFFFF" />

        <EditText android:id="@+id/edt_rec_addr2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@drawable/border_email"
            android:ems="10"
            android:hint="@string/addr2_hint"
            android:inputType="text"
            android:padding="6dp"
            android:textColor="#FFFFFF"
            android:textColorHint="#FFFFFF" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp">
            <EditText android:id="@+id/edt_rec_city"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:ems="10"
                android:hint="@string/city_hint" android:inputType="text"
                android:padding="6dp"
                android:textColor="#FFFFFF"
                android:textColorHint="#FFFFFF" />

            <EditText android:id="@+id/edt_rec_state"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:ems="10"
                android:hint="@string/state_hint"
                android:inputType="text"
                android:layout_marginRight="5dp"
                android:gravity="center"
                android:padding="6dp"
                android:textColor="#FFFFFF"
                android:textColorHint="#FFFFFF" />


            <EditText android:id="@+id/edt_rec_ctry"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:ems="10"
                android:focusable="false"
                android:layout_marginRight="5dp"
                android:gravity="center"
                android:hint="@string/country_hint"
                android:inputType="text"
                android:padding="6dp"
                android:textColor="#FFFFFF"
                android:textColorHint="#FFFFFF" />

            <EditText android:id="@+id/edt_rec_postcode"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="wrap_content"
                android:ems="10"
                android:hint="@string/postcode_hint"
                android:inputType="number"
                android:layout_marginRight="5dp"
                android:gravity="center"
                android:padding="6dp"
                android:textColor="#FFFFFF"
                android:textColorHint="#FFFFFF" />
        </LinearLayout>
    </LinearLayout>
</ScrollView>

关于android - 如何调整布局以使其更好?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21692415/

10-12 00:29
查看更多