在不同分辨率设备上使用的布局

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

在不同分辨率设备上使用的布局

Layout used on different resolution devices

layout

android

resolution

multiscreen