约束布局总是贴在左上角

Question

我试图在三列中添加一些EditText。但是我所得到的就是这个。如果没有在设计编辑器中选择它们，您甚至看不到它们。我尝试分别添加它们，并在进行设置时设置约束，然后添加所有它们并设置约束。没有一个帮助。我迷路了，我认为约束的布局应该很容易创建：/

没有宽度和高度的所有合并

不选择

这是约束布局：

androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/karta"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

        <EditText
                android:id="@+id/hpTmp"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Tmp HP"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                android:visibility="visible"
                app:layout_constraintEnd_toEndOf="@id/hpMax"
                app:layout_constraintStart_toEndOf="parent"
                app:layout_constraintTop_toTopOf="@id/Class" />

        <EditText
                android:id="@+id/hpMax"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Max HP"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toEndOf="@id/hpNow"
                app:layout_constraintStart_toStartOf="@id/hpTmp"
                app:layout_constraintTop_toTopOf="@id/Race" />

        <EditText
                android:id="@+id/hpNow"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Current HP"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="@id/hpMax"
                app:layout_constraintTop_toTopOf="@id/Level" />

        <EditText
                android:id="@+id/Class"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Klasa"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toEndOf="@id/Race"
                app:layout_constraintStart_toEndOf="parent"
                app:layout_constraintTop_toTopOf="@id/Alignment" />

        <EditText
                android:id="@+id/Race"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Rasa"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toStartOf="@id/Level"
                app:layout_constraintStart_toEndOf="@id/Class"
                app:layout_constraintTop_toTopOf="@id/Proficiency" />

        <EditText
                android:id="@+id/Level"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Poziom"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toStartOf="parent"
                app:layout_constraintStart_toStartOf="@id/Race"
                app:layout_constraintTop_toTopOf="@id/Background" />

        <EditText
                android:id="@+id/Alignment"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Alignment"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toStartOf="@id/Proficiency"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

        <EditText
                android:id="@+id/Proficiency"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Proficiency"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toStartOf="@id/Background"
                app:layout_constraintStart_toEndOf="@id/Alignment"
                app:layout_constraintTop_toTopOf="parent" />

        <EditText
                android:id="@+id/Background"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="4dp"
                android:layout_marginTop="4dp"
                android:layout_marginEnd="4dp"
                android:enabled="true"
                android:focusable="false"
                android:hint="Background"
                android:inputType="text"
                android:singleLine="true"
                android:tag="staty"
                android:textSize="14sp"
                app:layout_constraintEnd_toStartOf="parent"
                app:layout_constraintStart_toEndOf="@+id/Proficiency"
                app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

我建议您了解有关约束的更多信息，请不要安静地使用它

app:layout_constraintStart_toEndOf="parent"

您从xml代码中看到此行，它将只是使您的视图不显示在屏幕上，而是应为app：layout_constraintStart_toStartOf =“ parent”

Answer 2

将android：layout_width =“ 0dp”更改为android：layout_width =“ wrap_content”或android：layout_width =“ match_parent”

Answer 3

将您的xml代码更改为此：

<?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"
    android:id="@+id/karta"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom">

    <EditText
        android:id="@+id/hpTmp"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Tmp HP"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        android:visibility="visible"
        app:layout_constraintEnd_toStartOf="@id/hpMax"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toTopOf="@id/Class" />

    <EditText
        android:id="@+id/hpMax"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Max HP"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toStartOf="@id/hpNow"
        app:layout_constraintStart_toEndOf="@id/hpTmp"
        app:layout_constraintBottom_toTopOf="@id/Race" />

    <EditText
        android:id="@+id/hpNow"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Current HP"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/hpMax"
        app:layout_constraintBottom_toTopOf="@id/Level" />

    <EditText
        android:id="@+id/Class"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Klasa"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toStartOf="@id/Race"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toTopOf="@id/Alignment" />

    <EditText
        android:id="@+id/Race"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Rasa"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toStartOf="@id/Level"
        app:layout_constraintStart_toEndOf="@id/Class"
        app:layout_constraintBottom_toTopOf="@id/Proficiency" />

    <EditText
        android:id="@+id/Level"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Poziom"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/Race"
        app:layout_constraintBottom_toTopOf="@id/Background" />

    <EditText
        android:id="@+id/Alignment"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Alignment"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toStartOf="@id/Proficiency"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

    <EditText
        android:id="@+id/Proficiency"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Proficiency"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toStartOf="@id/Background"
        app:layout_constraintStart_toEndOf="@id/Alignment"
        app:layout_constraintBottom_toBottomOf="parent" />

    <EditText
        android:id="@+id/Background"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:layout_marginEnd="4dp"
        android:enabled="true"
        android:focusable="false"
        android:hint="Background"
        android:inputType="text"
        android:singleLine="true"
        android:tag="staty"
        android:textSize="14sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/Proficiency"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

结果：

考虑约束，因为A的给定边与B的给定边相连/对齐。因此，例如，app:layout_constraintStart_toEndOf约束意味着A的起始边与B的结束边相连/对齐。

使用布局编辑器之前，最好先在xml中编写代码。这样，您就会知道它是如何工作的。