Макет ограничения всегда совпадает с левым верхним углом - PullRequest
Новая
       10

Макет ограничения всегда совпадает с левым верхним углом

0 голосов
/ 13 февраля 2020

Я пытался объединить некоторые EditTexts в три столбца. Но все, что я получаю, это. Вы даже не можете увидеть их, не выбрав их в редакторе дизайна. Я попытался добавить их отдельно и установить ограничения как I go, добавить все из них и установить ограничение после этого. Ничего из этого не помогло. Я заблудился, я думал, что макеты ограничений должны быть просты в создании: /

все объединено без ширины и высоты

enter image description here

без выбора

enter image description here

Вот схема ограничений: 

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>

Ответы [ 3 ]

0 голосов
/ 13 февраля 2020

Я предлагаю вам узнать больше об ограничениях, вы не используете его тихо, верно 

app:layout_constraintStart_toEndOf="parent"

Вы видите эту строку из вашего xml кода, она просто выведет ваш взгляд из экрана, вместо этого должно быть app: layout_constraintStart_toStartOf = "parent"

0 голосов
/ 13 февраля 2020

Измените свой 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>

Результат:

enter image description here

Думайте об ограничениях как об А край прикреплен / выровнен по заданному краю B. Так, например, ограничение app:layout_constraintStart_toEndOf означает, что начальный край A прикреплен / выровнен с конечным краем B.

Гораздо лучше сначала написать свой код в xml, прежде чем использовать редактор макетов. Таким образом, вы узнаете, как это работает.

0 голосов
/ 13 февраля 2020

Изменить android: layout_width = "0dp" на android: layout_width = "wrap_content" или android: layout_width = "match_parent"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...