Question

我写了这个完全适合我设备的登录布局。我的问题是在另一台设备上显示不正确，因为指定的值用于左上边距。

我需要做些什么才能确保约束能够保留在任何设备上？

P.S。我有mdpi，hdpi等图像。

代码是：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_login"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:theme="@style/AppTheme.NoActionBar"
tools:context="com.abc.abc.Login"
android:layout_gravity="center_horizontal">

    <RelativeLayout android:id="@+id/content_container"
        android:layout_width="match_parent"
        android:layout_height="710dp"
        android:gravity="center_horizontal">


        <RelativeLayout android:id="@+id/login_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal">

            <ImageView android:id="@+id/login_button"
                android:src="@drawable/login"
                android:layout_marginTop="588dp"
                android:layout_width="360dp"
                android:layout_height="53dp" />

            <ImageView android:id="@+id/email_and_password"
                android:src="@drawable/email_and_password"
                android:layout_marginTop="465dp"
                android:layout_width="362dp"
                android:layout_height="107dp" />

            <ImageView android:id="@+id/separator"
                android:src="@drawable/separator"
                android:layout_marginStart="169dp"
                android:layout_marginTop="412dp"
                android:layout_width="25dp"
                android:layout_height="12dp" />

            <ImageView android:id="@+id/facebook_button"
                android:src="@drawable/facebook"
                android:layout_marginTop="383dp"
                android:layout_width="166dp"
                android:layout_height="66dp" />

            <ImageView android:id="@+id/google_button"
                android:src="@drawable/google"
                android:layout_marginStart="196dp"
                android:layout_marginTop="383dp"
                android:layout_width="166dp"
                android:layout_height="66dp" />

            <ImageView android:id="@+id/dont_have_an_account"
                android:src="@drawable/dont_have_an_account"
                android:layout_marginStart="54dp"
                android:layout_marginTop="665dp"
                android:layout_width="255dp"
                android:layout_height="19dp" />

            <ImageView android:id="@+id/logo"
                android:src="@drawable/logo1"
                android:layout_marginTop="80dp"
                android:layout_width="220dp"
                android:layout_height="219dp"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true" />

        </RelativeLayout>

    </RelativeLayout>

Answer 1

尽量不要在所有视图上使用marginTop。而是使用marginTop设置最顶部的视图，然后它们下面的所有图像可以通过android:layout_below="<imagView id>"放置，并且相对于上面的视图而不是父视图有一些marginTop。您可以查看此answer

用于不同分辨率设备的布局

1 个答案: