アンドロイドのUIコントロールの水平方向の整列

2つのEditViewコントロールを同じ水平位置に配置するソリューションを提供してください。ポートのEditViewをIPアドレスのEditViewに合わせる方法。また、現在のビューのスクリーンショットアンドロイドの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

はこれを試してみてください現在のレイアウトのコードを見つけてください：

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

すると、この情報がお役に立てば幸いです。チュートリアルをしたい場合http://developer.android.com/reference/android/widget/GridLayout.html

- 私はあなたの現在のレイアウトを再作業に多くの時間を持っていませんが、フォームや入力フィールドを揃える必要があるときに、このような何かのためにGridLayoutを使用する必要があります

出典

2012-02-03 07:48:10 Ghost

この素早いワンショットを与えてください - 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

アンドロイドのUIコントロールの水平方向の整列

答えて

関連する問題