Android中的UI控件的水平對齊

請提供一個解決方案來安排兩個EditView控件相同的水平位置。如何將Port的EditView與EditView的IP地址對齊。還提供了當前視圖的屏幕截圖Android中的UI控件的水平對齊

enter image description here

請找到當前佈局代碼

<?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>

感謝

來源

2012-02-03 Riskhan

您只需要在EditTextet_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>

來源

2012-02-03 07:53:34 Adinia

感謝，現在它工作正常！ – Riskhan 2012-02-03 09:49:24

試試這個：

<?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_toRightOf="@+id/tv_port" 
     android:background="@android:drawable/editbox_background" /> 

    <Button 
     android:id="@+id/btn_Save" 
     android:layout_width="100dip" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/et_port" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="16dp" 
     android:text="Save" /> 

</RelativeLayout>

希望這有助於。

來源

2012-02-03 07:48:10 Ghost

我沒有太多的時間去重新工作，你當前的佈局，但你應該使用GridLayout這樣的事情，當你需要對齊表格和輸入字段 - 如果你想要一個教程http://developer.android.com/reference/android/widget/GridLayout.html

，給這個快一拍 - http://blog.stylingandroid.com/archives/669它清楚地顯示你將如何對齊這些。

注意你怎麼能有空格：

GridLayout example from Blog Tutorial

希望這有助於讓你在正確的方向前進。

來源

2012-02-03 07:48:48 Jack

嘗試使用此代碼`

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

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_marginTop="20dp" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/tv_ip" 
     android:layout_width="160dip" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     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_toLeftOf="@+id/tv_ip" 
     android:background="@android:drawable/editbox_background" /> 
</LinearLayout> 

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_marginTop="20dp" 
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/tv_port" 
     android:layout_width="160dip" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/tv_ip" 
     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:background="@android:drawable/editbox_background" /> 
</LinearLayout> 

<Button 
    android:id="@+id/btn_Save" 
    android:layout_width="100dip" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_marginTop="20dp" 
    android:text="Save" />

'，讓我知道如果有問題存在

來源

2012-02-03 08:04:49 user493244

Android中的UI控件的水平對齊

回答

相關問題