Android：编辑时看起来不错，在模拟器上不好 - 为什么

Question

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">


    <TextView
        android:id="@+id/textView13"
        android:layout_width="100dp"
        android:layout_height="26dp"
        android:text="People:"
        tools:layout_editor_absoluteX="27dp"
        tools:layout_editor_absoluteY="50dp" />

    <TextView
        android:id="@+id/textView14"
        android:layout_width="79dp"
        android:layout_height="24dp"
        android:text="Amount:"
        tools:layout_editor_absoluteX="27dp"
        tools:layout_editor_absoluteY="125dp" />

    <Button
        android:id="@+id/button11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#D9D9D9"
        android:text="CALCULATE"
        android:textColor="#323232"
        app:backgroundTint="#CCCCCC"
        tools:layout_editor_absoluteX="138dp"
        tools:layout_editor_absoluteY="193dp" />

    <EditText
        android:id="@+id/editTextNumber10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        tools:layout_editor_absoluteX="162dp"
        tools:layout_editor_absoluteY="38dp" />

    <EditText
        android:id="@+id/editTextNumber11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        android:textIsSelectable="false"
        tools:layout_editor_absoluteX="162dp"
        tools:layout_editor_absoluteY="104dp" />


</androidx.constraintlayout.widget.ConstraintLayout>

编辑：

编辑：

  <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="30dp"
        tools:layout_editor_absoluteY="353dp"
        android:layout_marginStart="32dp"
        android:layout_marginTop="196dp"
        >

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <Button
                android:id="@+id/button12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Button" />

            <Button
                android:id="@+id/button13"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"

                android:text="Button" />
        </TableRow>

    </TableLayout>

Answer 1

发生此问题是因为您已为控件提供 static 高度 * 宽度，所以现在首先请通过此链接实现此库： https://github.com/intuit/sdp#:~:text=SDP%20%2D %20a%20scalable%20size%20unit,sp%20size%20unit%20for%20texts 。

然后复制并粘贴下面的代码，您可以根据要制作的 UI 更改大小，但您必须只提供这样的大小：“@dimen/_XXsdp”，如下面的代码所示。

<androidx.constraintlayout.widget.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=".MainActivity">


    <TextView
        android:id="@+id/textView13"
        android:layout_width="@dimen/_100sdp"
        android:layout_height="@dimen/_26sdp"
        android:text="People:"
        tools:layout_editor_absoluteX="@dimen/_27sdp"
        tools:layout_editor_absoluteY="@dimen/_50sdp" />

    <TextView
        android:id="@+id/textView14"
        android:layout_width="@dimen/_79sdp"
        android:layout_height="@dimen/_24sdp"
        android:text="Amount:"
        tools:layout_editor_absoluteX="27dp"
        tools:layout_editor_absoluteY="125dp" />

    <Button
        android:id="@+id/button11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#D9D9D9"
        android:text="CALCULATE"
        android:textColor="#323232"
        app:backgroundTint="#CCCCCC"
        tools:layout_editor_absoluteX="@dimen/_138sdp"
        tools:layout_editor_absoluteY="@dimen/_193sdp" />

    <EditText
        android:id="@+id/editTextNumber10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        tools:layout_editor_absoluteX="@dimen/_162sdp"
        tools:layout_editor_absoluteY="@dimen/_38sdp" />

    <EditText
        android:id="@+id/editTextNumber11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number"
        android:textIsSelectable="false"
        tools:layout_editor_absoluteX="@dimen/_162sdp"
        tools:layout_editor_absoluteY="@dimen/_104sdp" />


</androidx.constraintlayout.widget.ConstraintLayout>

Answer 2

当您将 this.xml 放在 Android Studio 上时，您会收到以下明确警告：

这种观点不受约束。 它只有设计时位置，因此除非您添加约束，否则它将在运行时跳转到 (0,0)

记住你正在使用 ConstraintLayout，试试这个：

   <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">


    <TextView
        android:id="@+id/textView13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text="People:"
        app:layout_constraintBottom_toTopOf="@+id/textView14"
        app:layout_constraintEnd_toStartOf="@+id/editTextNumber10"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text="Amount:"
        app:layout_constraintBottom_toBottomOf="@+id/textView13"
        app:layout_constraintEnd_toStartOf="@+id/editTextNumber11"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView13" />

    <Button
        android:id="@+id/button11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginTop="46dp"
        android:background="#D9D9D9"
        android:text="CALCULATE"
        android:textColor="#323232"
        app:backgroundTint="#CCCCCC"
        app:layout_constraintStart_toEndOf="@+id/textView14"
        app:layout_constraintTop_toBottomOf="@+id/editTextNumber11" />

    <EditText
        android:id="@+id/editTextNumber10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="60dp"
        android:ems="10"
        android:inputType="number"
        app:layout_constraintBaseline_toBaselineOf="@+id/textView13"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/textView13" />

    <EditText
        android:id="@+id/editTextNumber11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="23dp"
        android:layout_marginEnd="60dp"
        android:ems="10"
        android:inputType="number"
        android:textIsSelectable="false"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/textView14"
        app:layout_constraintTop_toBottomOf="@+id/editTextNumber10" />


</androidx.constraintlayout.widget.ConstraintLayout>