android - 相対レイアウトのテキスト フィールドが正しく配置されない

Question

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dip" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Name"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:id="@+id/facesheet_detail_firstandLastName"            
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
           android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street1"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street1"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="E-Mail"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_email"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="35dp"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Gender"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_gender"            
            android:layout_width="0dp"
            android:layout_weight="1.40"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street 2"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street2"            
            android:layout_width="0dp"
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="SSN"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_ssn"            
            android:layout_width="0dp"
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout3"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:layout_marginTop="70dp"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="DOB"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_dob"            
            android:layout_width="0dp"
            android:layout_weight="1.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="City"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_city"            
            android:layout_width="0dp"
            android:layout_weight="1.30"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.70"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Religion"
            android:textColor="#000000" />

        <TextView
             android:id="@+id/facesheet_detail_religion"   
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text=""
            android:textColor="#000000" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout4"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:layout_marginTop="105dp"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Phone"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_phone"            
            android:layout_width="0dp"
            android:layout_weight="1.15"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="State"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_state"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Race"
            android:textColor="#000000" />

        <TextView
             android:id="@+id/facesheet_detail_race"   
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text=""
            android:textColor="#000000" />

    </LinearLayout>

     <LinearLayout
        android:id="@+id/linearLayout5"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:layout_marginTop="140dp"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.60"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Mobile"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_mobile"            
            android:layout_width="0dp"
            android:layout_weight="1.35"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.70"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Zip Code"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_zipCode"            
            android:layout_width="0dp"
            android:layout_weight="1.15"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.70"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Ethnicity"
            android:textColor="#000000" />

        <TextView
             android:id="@+id/facesheet_detail_ethnicity"   
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

    </LinearLayout>
</RelativeLayout>

このユニフォームのようなものをマップしなければならないという問題があります。

Name: "Kevin"        State: "VA"        Email: "Kevin@Kevin.com

しかし、エミュレータで出力を見ようとすると、レイアウトがめちゃくちゃに見えるかもしれません.添付のスクリーンショットは同じです. 均一にするために与えるべき正確なスペースを誰か教えてください。

Answer 1

プロパティを使用できます

android:layout_alignLeft="@+id/idOfViewToAlignWith"
android:layout_alignRight="@+id/idOfViewToAlignWith"

の端を揃えるViews

次のようなプロパティもあります。

android:layout_alignCenter
android:layout_centerInParent="true"

RelativeLayout のドキュメントに目を通して、どのプロパティが最適かを確認してください

また、それはたくさんありViewsます。1 つまたは 2 つの行と列を除くすべてをコメント アウトし、それらが正しくなるまで最小量から始めて、Views常に多くの行と列を変更しないようにすることをお勧めします。paddingこれらの新しいプロパティを使用した後、少し操作する必要がある場合もあります。これらは入れ子になっているため、明らかにLinearLayoutsこれらのプロパティを親で使用したいと思うでしょう。LinearLayouts

Answer 2

行を同じ方法で整列させたい場合は、のそれぞれTextViewで、 each に同じ重みを与えるようにしてくださいLinearLayout。

例えば：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dip" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Name"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:id="@+id/facesheet_detail_firstandLastName"            
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
           android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street1"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street1"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="35dp"
        android:layout_marginRight="5dip"
        android:padding="1dip" >

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Gender"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_gender"            
            android:layout_width="0dp"
            android:layout_weight="1.20"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />

        <TextView
            android:layout_width="0dp"
            android:layout_weight="0.50"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="Street 2"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/facesheet_detail_street2"            
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="#000000" />
    </LinearLayout>
</RelativeLayout>    

"Name" と "Gender"TextViewの重みが同じであることに注意してください。これは、それらを揃えたいからです。TextVieweachの 2 番目と同じLinearLayout、など。