如何創建像這樣的Textview＆Radio Button

Question

我有一個應用程序，我在同一行放置單選按鈕& TextView。但是，當我在Nexus 7上運行，它看起來是這樣的：

我想創建於：第二個我。怎麼能解決這個問題：

這裏是我的XML：

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

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" 
     android:background="@drawable/loginsigninbackground" > 

    </RelativeLayout> 

    <LinearLayout 

     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" 
     android:background="@android:color/white" 
     android:orientation="vertical" > 

     <EditText 
     android:id="@+id/UserNameToLogin" 
     android:layout_width="300dp" 
     android:layout_height="40dp" 
     android:hint="@string/username" 
     android:ems="10" 
     android:layout_gravity="center" 
     android:background="@drawable/customised_edit_text" 
     android:singleLine="true" 
     android:gravity="center|left" 
     android:textColorHint="#30D683" 
     android:paddingLeft="20dp" 
     > 
     <requestFocus /> 
     </EditText> 

     <EditText 
     android:id="@+id/UserPasswordToLogin" 
     android:layout_width="300dp" 
     android:layout_height="40dp" 
     android:hint="@string/password" 
     android:ems="10" 
     android:inputType="textPassword" 
     android:layout_gravity="center" 
     android:background="@drawable/customised_edit_text" 
     android:singleLine="true" 
     android:gravity="center|left" 
     android:textColorHint="#30D683" 
     android:layout_marginTop="5dp" 
     android:paddingLeft="20dp" 
     > 

    </EditText> 


     <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 

     <RadioButton 
      android:id="@+id/radioButtonRememberMe" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:text="@string/remember_me" 
      android:checked="false" 
      android:textSize="18sp" 
      android:textColor="#30D683" 
      android:button="@drawable/radio_selector" 
      android:background="@android:color/transparent" /> 

      <TextView 
     android:id="@+id/UserRememberMe" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:text="@string/forgot_password" 
     android:textColor="#30D683" 
     android:textSize="18sp" 
     android:cacheColorHint="@android:color/transparent" 
     android:background="@android:color/transparent" 
     /> 
     </LinearLayout> 

     <Button 
    android:id="@+id/ButtonNext"   
    android:layout_width="match_parent" 
    android:layout_height="60dp" 
    android:text="@string/next" 
    android:background="@drawable/customised_button_click" 
    android:onClick="gotosignup" 
    android:clickable="true" 
    android:textSize="20sp" 
     /> 

     <Button 
     android:id="@+id/ButtonSignUp" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="@string/signup" 
     android:gravity="center" 
     android:textSize="20sp" 
     android:background="@drawable/customised_button_click" 
     android:onClick="gotosignup" 
     android:clickable="true" 
     /> 

    </LinearLayout> 

</LinearLayout> 

我可以知道什麼是實現我的目標的正確方法嗎？也許這個問題太基本了，但我找不到任何合適的解決方案。請幫我解決。

Answer 1

不要硬編碼像你這樣

<EditText 
     android:id="@+id/UserPasswordToLogin" 
     android:layout_width="300dp" 
     android:layout_height="40dp" 
     android:hint="@string/password" 
     android:ems="10" 
     android:inputType="textPassword" 
     android:layout_gravity="center" 
     android:background="@drawable/customised_edit_text" 
     android:singleLine="true" 
     android:gravity="center|left" 
     android:textColorHint="#30D683" 
     android:layout_marginTop="5dp" 
     android:paddingLeft="20dp" 
     > 

您編輯文本的高度和寬度，所以基本上是

android:layout_width="300dp" 
android:layout_height="40dp" 

，而不是給fill_parent或match_parent

android:layout_width="match_parent" 
android:layout_height="match_parent" 

或

android:layout_width="fill_parent" 
android:layout_height="fill_parent" 

對所有文本字段執行此操作，然後嘗試。

Answer 2

試試這個..

有兩種方式

1）變化的EditText寬度match_parent兩個android:layout_width="match_parent"

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

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" > 
    </RelativeLayout> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" 
     android:background="@android:color/white" 
     android:orientation="vertical" > 

     <EditText 
      android:id="@+id/UserNameToLogin" 
      android:layout_width="match_parent" 
      android:layout_height="40dp" 
      android:ems="10" 
      android:gravity="center|left" 
      android:hint="username" 
      android:paddingLeft="20dp" 
      android:singleLine="true" 
      android:textColorHint="#30D683" > 

      <requestFocus /> 
     </EditText> 

     <EditText 
      android:id="@+id/UserPasswordToLogin" 
      android:layout_width="match_parent" 
      android:layout_height="40dp" 
      android:layout_marginTop="5dp" 
      android:ems="10" 
      android:gravity="center|left" 
      android:hint="password" 
      android:inputType="textPassword" 
      android:paddingLeft="20dp" 
      android:singleLine="true" 
      android:textColorHint="#30D683" > 
     </EditText> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" > 

      <RadioButton 
       android:id="@+id/radioButtonRememberMe" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@android:color/transparent" 
       android:checked="false" 
       android:text="remember_me" 
       android:textColor="#30D683" 
       android:textSize="18sp" /> 

      <TextView 
       android:id="@+id/UserRememberMe" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:background="@android:color/transparent" 
       android:cacheColorHint="@android:color/transparent" 
       android:text="forgot_password" 
       android:textColor="#30D683" 
       android:textSize="18sp" /> 
     </LinearLayout> 

     <Button 
      android:id="@+id/ButtonNext" 
      android:layout_width="match_parent" 
      android:layout_height="60dp" 
      android:clickable="true" 
      android:onClick="gotosignup" 
      android:text="next" 
      android:textSize="20sp" /> 

     <Button 
      android:id="@+id/ButtonSignUp" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:clickable="true" 
      android:gravity="center" 
      android:onClick="gotosignup" 
      android:text="signup" 
      android:textSize="20sp" /> 
    </LinearLayout> 

</LinearLayout> 

和

2）改變你的LinearLayout寬度300dp並同時刪除android:layout_gravity="center"兩個EditText

<LinearLayout 
    android:layout_width="300dp" 
    android:layout_height="wrap_content" > 

     <RadioButton 
      android:id="@+id/radioButtonRememberMe" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:text="@string/remember_me" 
      android:checked="false" 
      android:textSize="18sp" 
      android:textColor="#30D683" 
      android:button="@drawable/radio_selector" 
      android:background="@android:color/transparent" /> 

      <TextView 
     android:id="@+id/UserRememberMe" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:text="@string/forgot_password" 
     android:textColor="#30D683" 
     android:textSize="18sp" 
     android:cacheColorHint="@android:color/transparent" 
     android:background="@android:color/transparent" 
     /> 
     </LinearLayout> 

Answer 3

變化根的LinearLayout作爲

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:gravity="center_horizontal" 
android:orientation="vertical" > 

和childlayout設置佈局寬度爲300dp

<LinearLayout 
    android:layout_width="300dp" 
    android:layout_height="0dip" 
    android:layout_weight="1" 
    android:background="@android:color/white" 
    android:orientation="vertical" >