android - android中UI控件的水平对齐

Question

请提供一个解决方案来安排两个 EditView 控件相同的水平位置。如何将端口的 EditView 与 IP 地址的 EditView 左对齐。同时提供当前 View 的屏幕截图

请找到当前布局代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="210dip"
android:layout_marginTop="10dip"
android:background="#DDDDDD"
>
<TextView
    android:id="@+id/head"
    android:text="Connection Settings"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:textColor="#0000ff"
    android:textSize="10pt" 
/>
<TextView
    android:id="@+id/tv_ip"
    android:layout_width="125dip"
    android:layout_height="wrap_content"
    android:textSize="10pt"
    android:textColor="#444444"
    android:layout_alignParentLeft="true"
    android:layout_marginRight="9dip"
    android:layout_marginTop="20dip"
    android:layout_marginLeft="10dip"
    android:layout_below="@id/head"
    android:text="IP Address"/>
<EditText
    android:id="@+id/et_ip"
    android:layout_width="150dip"
    android:layout_height="wrap_content"
    android:background="@android:drawable/editbox_background"
    android:layout_toRightOf="@id/tv_ip"
    android:layout_alignTop="@id/tv_ip"/>
 <TextView
    android:id="@+id/tv_port"
    android:layout_width="125dip"
    android:layout_height="wrap_content"
    android:textSize="10pt"
    android:textColor="#444444"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/tv_ip"
    android:layout_marginRight="9dip"
    android:layout_marginTop="15dip"
    android:layout_marginLeft="10dip"
    android:text="Port"/>
<EditText
    android:id="@+id/et_port"
    android:layout_width="150dip"
    android:layout_height="wrap_content"
    android:background="@android:drawable/editbox_background"
    android:layout_toRightOf="@id/tv_port"
    android:layout_alignTop="@id/tv_port"
    android:layout_below="@id/et_ip"
    android:layout_marginLeft="17dip"
    />
<Button
    android:id="@+id/btn_Save"
    android:layout_width="100dip"
    android:layout_height="wrap_content"
    android:layout_below="@id/et_port"
    android:layout_alignParentLeft="true"
    android:layout_marginTop="15dip"
    android:layout_marginLeft="110dip"
    android:text="Save" />
</RelativeLayout>

谢谢

Answer 1

您只需在 EditText et_port 的代码中添加 android:layout_alignLeft="@+id/et_ip"。
这是更正后的代码:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="210dip"
    android:layout_marginTop="10dip"
    android:background="#DDDDDD" >

    <TextView
        android:id="@+id/head"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="Connection Settings"
        android:textColor="#0000ff"
        android:textSize="10pt" />

    <TextView
        android:id="@+id/tv_ip"
        android:layout_width="125dip"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/head"
        android:layout_marginLeft="10dip"
        android:layout_marginRight="9dip"
        android:layout_marginTop="20dip"
        android:text="IP Address"
        android:textColor="#444444"
        android:textSize="10pt" />

    <EditText
        android:id="@+id/et_ip"
        android:layout_width="150dip"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/tv_ip"
        android:layout_toRightOf="@id/tv_ip"
        android:background="@android:drawable/editbox_background" />

    <TextView
        android:id="@+id/tv_port"
        android:layout_width="125dip"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/tv_ip"
        android:layout_marginLeft="10dip"
        android:layout_marginRight="9dip"
        android:layout_marginTop="15dip"
        android:text="Port"
        android:textColor="#444444"
        android:textSize="10pt" />

    <EditText
        android:id="@+id/et_port"
        android:layout_width="150dip"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/tv_port"
        android:layout_below="@id/et_ip"
        android:layout_toRightOf="@id/tv_port"
        android:layout_alignLeft="@+id/et_ip"
        android:background="@android:drawable/editbox_background" />

    <Button
        android:id="@+id/btn_Save"
        android:layout_width="100dip"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/et_port"
        android:layout_marginLeft="110dip"
        android:layout_marginTop="15dip"
        android:text="Save" />

</RelativeLayout>