Android Native Preview与Real Preview不同

Question

我正在做作业。 我已经尝试过相对或线性事件约束布局 但是预览始终与手机中的实际预览不同。 我的手机是小米Redmi Note 5a（55英寸，1280 x 720像素）

My device

Android Studio preview

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Register"
tools:layout_editor_absoluteY="25dp">

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="wrap_content"
    android:layout_height="60dp"
    android:background="@drawable/ic_header" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_width="27dp"
    android:layout_height="30dp"
    android:background="@drawable/ic_header_back"
    tools:layout_editor_absoluteX="15dp"
    tools:layout_editor_absoluteY="15dp" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Register"
    android:textColor="#FFFFFF"
    android:textSize="20dp"
    android:textStyle="bold"
    tools:layout_editor_absoluteX="55dp"
    tools:layout_editor_absoluteY="16dp" />

<EditText
    android:id="@+id/editText3"
    android:layout_width="328dp"
    android:layout_height="34dp"
    android:backgroundTint="#808284"
    android:ems="10"
    android:hint="Username"
    android:inputType="textPersonName"
    android:text=""
    android:textColorHint="#808284"
    android:textSize="10dp"
    android:typeface="normal"
    tools:layout_editor_absoluteX="16dp"
    tools:layout_editor_absoluteY="72dp" />

<EditText
    android:id="@+id/editText10"
    android:layout_width="330dp"
    android:layout_height="34dp"
    android:backgroundTint="#808284"
    android:ems="10"
    android:hint="Home Address"
    android:inputType="text"
    android:text=""
    android:textColorHint="#808284"
    android:textSize="10dp"
    android:typeface="normal"
    tools:layout_editor_absoluteX="15dp"
    tools:layout_editor_absoluteY="395dp" />

完整代码：https://pastebin.com/U9YdKK1m

Answer 1

您看到此布局的方式有所不同，因为您在视图中使用的是固定尺寸，并且不同的手机具有不同的屏幕尺寸-因此，使用固定尺寸将使您的布局对所有设备无响应。

如果您想使用constraintLayot，只需使用chains即可垂直排列视图：

ngClass

它看起来像这样：