edittextからTextviewsが遠く離れている

Question

なぜユーザー名とパスワードが編集テキストフォームから離れているのか分かりません。誰かが私にこれを解決させる手助けはできますか

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

    <TableLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 

    <TableRow 
    android:layout_gravity="center" 
    android:gravity="center" 
    android:layout_marginTop="10dp" 
    > 

    <TextView 
    android:text="Username : " 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/userset" 
    style="@style/regFont" 
    /> 

    <EditText 
    android:id="@+id/versionuser" 
    android:layout_height="wrap_content" 
    android:layout_width="200dp" 
    android:layout_toRightOf="@id/userset"> 
    <requestFocus> 
    </requestFocus> 
    </EditText> 

    </TableRow> 

    <TableRow 
    android:layout_gravity="center" 
    android:gravity="center" 
    android:layout_marginTop="5dp" 
    > 

    <TextView 
    android:text="Password : " 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/passset" 
    style="@style/regFont" 
    /> 

    <EditText 
    android:id="@+id/versionpass" 
    android:layout_height="wrap_content" 
    android:layout_width="200dp" 
    android:layout_marginTop="5dp" 
    android:layout_toRightOf="@id/passset" 
    android:inputType="textPassword"> 
    </EditText> 
    </TableRow> 

    <TableRow 
    android:layout_gravity="center" 
    android:gravity="center" 
    android:layout_marginTop="5dp" 
    > 

    <CheckBox 
    android:text="Automatic Login" 
    android:id="@+id/cbauto" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 
    </CheckBox> 

    </TableRow> 

    </TableLayout> 

    </RelativeLayout> 

Answer 1

これは、CheckBoxがTableLayoutの最初の行を使用するためです。 TextViewは同じサイズのCheckBoxを使用します。

あなたはそれが以前TableRowsから幅を取らないように、チェックボックス項目のために別々のTableLayoutを作ってみてください、そして、このように、囲みのLinearLayoutに両方TableLayoutsを置く必要があります。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" android:orientation="vertical"> 

    <TableLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    > 

    <TableRow 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="left" 
    android:gravity="left" 
    android:layout_marginTop="10dp" 
    > 

    <TextView 
    android:text="Username : " 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/userset" 
    /> 

    <EditText 
    android:id="@+id/versionuser" 
    android:layout_height="wrap_content" 
    android:layout_width="200dp" 
    android:layout_toRightOf="@id/userset"> 
    <requestFocus> 
    </requestFocus> 
    </EditText> 

    </TableRow> 

    <TableRow 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="left" 
    android:gravity="left" 
    android:layout_marginTop="5dp" 
    > 

    <TextView 
    android:text="Password : " 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/passset" 
    /> 

    <EditText 
    android:id="@+id/versionpass" 
    android:layout_height="wrap_content" 
    android:layout_width="200dp" 
    android:layout_marginTop="5dp" 
    android:layout_toRightOf="@id/passset" 
    android:inputType="textPassword"> 
    </EditText> 
    </TableRow> 

    </TableLayout> 
    <TableLayout android:layout_marginTop="5dp" android:gravity="left" android:layout_height="wrap_content" android:layout_width="fill_parent"> 
     <CheckBox android:layout_width="wrap_content" android:text="Automatic Login" android:layout_height="wrap_content" android:id="@+id/cbauto"></CheckBox> 
    </TableLayout> 

</LinearLayout>