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

【问题标题】：Layout used on different resolution devices不同分辨率设备上使用的布局
【发布时间】：2017-06-06 22:39:01
【问题描述】：

我编写的这个登录布局非常适合我的设备。我的问题是在另一台设备上显示不正确，因为指定的值用于顶部、左侧边距。

我需要做什么来确保在任何设备上都保留约束？

附：我有 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>

【问题讨论】：

“确保约束将保留在任何设备上”：哪些约束？目前，您为边距指定了绝对值，并将它们保存在另一台设备上（但可能它们不适合）。
尝试在 dimens 文件中使用不同的值。

标签： android layout resolution multiscreen

【解决方案1】：

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

【讨论】：