2012-02-03 2 views
3

두 개의 EditView 컨트롤을 동일한 가로 위치로 정렬하는 솔루션을 제공하십시오. EditViewView의 IP 주소를 EditView에 맞추는 방법. 이 도움이android에서 UI 컨트롤의 가로 정렬

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

희망 : 또한 현재보기의 스크린 샷을 제공하는

enter image description here

현재의 레이아웃 코드를

답변

2

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> 
+0

감사가있는 지금은 좋은 작품이 있다면 알려 주시기 :
다음은 수정 된 코드입니다! – Riskhan

0

이 시도

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

감사를 찾아주십시오. 당신이 자습서를 원하는 경우 http://developer.android.com/reference/android/widget/GridLayout.html

- 나는 당신의 현재 레이아웃을 다시 작업 할 시간이별로 없지만, 양식 및 입력 필드를 정렬해야 할 때, 이런 일에 대한 GridLayout를 사용해야합니다

2

,이 빠른 하나의 기회를 줘 - http://blog.stylingandroid.com/archives/669 그것은 당신이 그들을 정렬하는 방법을 명확하게 보여줍니다. 당신이 공백을 수있는 방법을

주의 사항 :

GridLayout example from Blog Tutorial

희망 당신이 올바른 방향으로 가야하는 데 도움이됩니다.

0

이 코드`

<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" /> 

`로 시도하고 문제가