如何在Android工作室中选择位置文本和按钮？

Question

在预览中，我让我的应用看起来像这样。

预览图片：

不幸的是，当我启动应用程序时，它看起来像这样

来自测试的图片

这是我的页面代码

<android.support.constraint.ConstraintLayout
    android:layout_width="315dp"
    android:layout_height="66dp"
    tools:layout_editor_absoluteX="48dp"
    tools:layout_editor_absoluteY="287dp">

</android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout
    android:layout_width="212dp"
    android:layout_height="36dp"
    tools:layout_editor_absoluteX="70dp"
    tools:layout_editor_absoluteY="232dp">

</android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout
    android:layout_width="271dp"
    android:layout_height="66dp"
    tools:layout_editor_absoluteX="70dp"
    tools:layout_editor_absoluteY="153dp">

</android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout
    android:layout_width="218dp"
    android:layout_height="51dp"
    tools:layout_editor_absoluteX="2dp"
    tools:layout_editor_absoluteY="4dp">

</android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout
    android:layout_width="271dp"
    android:layout_height="66dp"
    tools:layout_editor_absoluteX="70dp"
    tools:layout_editor_absoluteY="77dp">

</android.support.constraint.ConstraintLayout>

<TextView
    android:id="@+id/textView8"
    android:layout_width="218dp"
    android:layout_height="51dp"
    android:text="Se connecter"
    android:textSize="30sp"
    android:textStyle="bold"
    tools:layout_editor_absoluteX="2dp"
    tools:layout_editor_absoluteY="4dp" />

<EditText
    android:id="@+id/editText2"
    android:layout_width="270dp"
    android:layout_height="67dp"
    android:ems="10"
    android:hint="Numero de telephone"
    android:inputType="phone"
    tools:layout_editor_absoluteX="70dp"
    tools:layout_editor_absoluteY="77dp" />

<EditText
    android:id="@+id/editText3"
    android:layout_width="274dp"
    android:layout_height="66dp"
    android:ems="10"
    android:hint="Mot de pass"
    android:inputType="textPassword"
    tools:layout_editor_absoluteX="70dp"
    tools:layout_editor_absoluteY="153dp" />

<CheckBox
    android:id="@+id/checkBox6"
    android:layout_width="214dp"
    android:layout_height="36dp"
    android:text="rester connecte"
    tools:layout_editor_absoluteX="70dp"
    tools:layout_editor_absoluteY="232dp" />

<Button
    android:id="@+id/button3"
    android:layout_width="313dp"
    android:layout_height="64dp"
    android:text="Se connecter"
    tools:layout_editor_absoluteX="48dp"
    tools:layout_editor_absoluteY="287dp" />

Answer 1

使用ConstraintLayout时，必须在元素之间添加约束。当您使用布局编辑器简单地拖放它们时，它只会创建仅在android studio中使用的键"tools:layout_editor_absoluteX"和"tools:layout_editor_absoluteY"，因此它知道如何在布局编辑器中显示它们。

您可以点击此链接，了解如何使用ConstraintLayout https://developer.android.com/training/constraint-layout/index.html