如何为所有智能手机和平板电脑分辨率设计应用程序?

时间:2016-05-17 12:33:07

标签: android xml

您好这是我的登录表单,背景如下图所示。

enter image description here

我想仅在蓝色区域中显示我的内容(所有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>

提前致谢

1 个答案:

答案 0 :(得分:0)

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