java - 我的应用程序布局与 Activity_main 布局设计不同

Question

我正在尝试制作一个英制到公制的转换应用程序，一切进展顺利，直到我遇到了 Android 模拟器的问题。模拟器中的布局完全搞砸了，我不知道为什么。 /image/ygiLK.jpg

编辑:

整个activity_main.xml代码:

<?xml version="1.0" encoding="utf-8"?>
<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="com.example.daniel.converter.MainActivity"
    tools:layout_editor_absoluteY="73dp"
    tools:layout_editor_absoluteX="0dp">

    <TextView
        android:id="@+id/textViewMPH"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="MPH"
        tools:layout_editor_absoluteX="55dp"
        tools:layout_editor_absoluteY="90dp" />

    <EditText
        android:id="@+id/editTextMPH"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        tools:layout_editor_absoluteX="85dp"
        tools:layout_editor_absoluteY="77dp" />

    <TextView
        android:id="@+id/textViewTO"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="To"
        tools:layout_editor_absoluteX="55dp"
        tools:layout_editor_absoluteY="132dp" />

    <TextView
        android:id="@+id/textViewKMH"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="KMH"
        tools:layout_editor_absoluteX="55dp"
        tools:layout_editor_absoluteY="168dp" />

    <EditText
        android:id="@+id/editTextKMH"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        tools:layout_editor_absoluteX="85dp"
        tools:layout_editor_absoluteY="156dp" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Convert!"
        tools:layout_editor_absoluteX="146dp"
        tools:layout_editor_absoluteY="229dp" />

</android.support.constraint.ConstraintLayout>

Answer 1

出现问题的原因是您正在使用约束布局，但尚未为项目提供任何约束。因此，每个项目都显示在 (0,0) 位置。

约束布局说明:

布局编辑器允许您将小部件放置在 Canvas 上的任何位置，并使用设计时属性(例如layout_editor_absoluteX)记录当前位置。这些属性不会在运行时应用，因此如果您将布局推送到设备上，小部件可能会出现在与编辑器中显示的位置不同的位置。要解决此问题，请通过从边缘连接拖动来确保小部件具有水平和垂直约束。

因此，要么指定 x 和 y 值，要么使用 LinearLayout/RelativeLayout。