如何設計適用於所有智能手機和平板電腦分辨率的應用程序？

Question

你好，這是我的登錄表單與背景似乎是這個形象。

我想顯示自己的內容（所有的EditText，按鈕），只能在藍色區域。 genymotion一切正常，但當我在智能手機上測試我的應用時，結果讓我感到驚訝。按鈕和textview在紅色區域。我怎樣才能更正我的代碼來獲取接口的所有智能手機和平板電腦的分辨率提前

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:fitsSystemWindows="true" 
    android:background="@drawable/login_full2"> 

    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="200dp" 
     android:layout_marginLeft="60dp" 
     android:layout_marginRight="60dp"> 
     <!-- Login Label --> 

      <EditText android:id="@+id/et_login" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:inputType="text" 
       android:drawableStart="@drawable/ic_account_circle_black_24dp" 
       android:drawableLeft="@drawable/ic_account_circle_black_24dp" 
       android:hint="@string/Login" /> 

     <!-- Password Label --> 
      <EditText android:id="@+id/et_password" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:inputType="textPassword" 
       android:drawableStart="@drawable/ic_lock_black_24dp" 
       android:drawableLeft="@drawable/ic_lock_black_24dp" 
       android:hint="@string/Password"/> 


     <Button 
      android:id="@+id/btn_valider" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="20dp" 
      android:layout_marginBottom="20dp" 
      android:background="@drawable/colorbutton" 
      android:padding="12dp" 
      android:text="@string/Connexion"/> 

     <TextView android:id="@+id/link_signup" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="12dp" 
      android:text="Vous n'avez pas encore de compte ? Créez-en un !" 
      android:textSize="12sp"/> 
     <TextView android:id="@+id/pass_oub" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:text="J'ai oublié mon mot de passe" 
      android:textSize="12sp"/> 

    </LinearLayout> 
</ScrollView> 

感謝

Answer 1

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:fitsSystemWindows="true" 
android:background="@drawable/login_full2"> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:padding="10dp" 
    android:orientation="vertical"> 
    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="40dp" 
     android:layout_marginStart="40dp" 
     android:layout_marginRight="40dp" 
     android:layout_marginEnd="40dp"> 
     <!-- Login Label --> 

     <EditText android:id="@+id/et_login" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:inputType="text" 
      android:drawableStart="@drawable/ic_account_circle_black_24dp" 
      android:drawableLeft="@drawable/ic_account_circle_black_24dp" 
      android:hint="@string/Login" /> 

     <!-- Password Label --> 
     <EditText android:id="@+id/et_password" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:inputType="textPassword" 
      android:drawableStart="@drawable/ic_lock_black_24dp" 
      android:drawableLeft="@drawable/ic_lock_black_24dp" 
      android:hint="@string/Password"/> 


     <Button 
      android:id="@+id/btn_valider" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="20dp" 
      android:layout_marginBottom="20dp" 
      android:padding="12dp" 
      android:text="@string/Connexion"/> 

     <TextView android:id="@+id/link_signup" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:padding="5dp" 
      android:layout_marginBottom="12dp" 
      android:text="Vous n'avez pas encore de compte ? Créez-en un !" 
      android:textSize="12sp"/> 
     <TextView android:id="@+id/pass_oub" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:padding="5dp" 
      android:text="J'ai oublié mon mot de passe" 
      android:textSize="12sp"/> 

    </LinearLayout> 
</LinearLayout> 
</ScrollView>