Я намагаюся реалізувати просту міхур чату за допомогою ConstraintLayout. Це я намагаюся досягти:

Однак, wrap_contentздається, не справляється належним чином із обмеженнями. Він поважає поля, але не розраховує наявний простір належним чином. Ось моя верстка:

<?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="wrap_content">

    <TextView
        android:id="@+id/chat_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintHorizontal_bias="0"
        tools:background="@drawable/chat_message_bubble"
        tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum."
        android:layout_marginStart="64dp"
        android:layout_marginLeft="64dp"
        android:layout_marginEnd="32dp"
        android:layout_marginRight="32dp"
        android:layout_marginTop="8dp"
        android:layout_marginBottom="8dp" />
</android.support.constraint.ConstraintLayout>

Це робить наступним чином:

Я використовую com.android.support.constraint:constraint-layout:1.0.0-beta4.

Чи я щось роблю не так? Це помилка чи просто неінтуїтивна поведінка? Чи можу я досягти належної поведінки, використовуючи ConstraintLayout(я знаю, що можу використовувати інші макети, про це я ConstrainLayoutконкретно запитую ).

Застаріло: див. Кращу відповідь

Ні, ви не можете робити те, що ви хочете з ConstraintLayout, як це є сьогодні (1.0 бета-версія 4):

• wrap_content лише просить віджет вимірювати себе, але не обмежує його розширення можливими обмеженнями
• match_constraints(0dp) буде обмежувати розмір віджету проти обмежень ... але буде відповідати їм , навіть якщо wrap_contentб був менше (ваш перший приклад), який є не те , що ви хочете або.

Тож зараз вам не пощастило саме для цього конкретного випадку: - /

Тепер ... ми думаємо над тим, щоб додати додаткові можливості для match_constraintsвирішення цього точного сценарію (веде себе так, wrap_contentякби розмір не закінчував більше обмежень).

Не можу пообіцяти, що ця нова функція зробить її перед випуском 1.0.

Редагувати : ми додали цю можливість у 1,0 за допомогою атрибута app:layout_constraintWidth_default="wrap"(з шириною, встановленою на 0dp). Якщо встановлено, віджет матиме той самий розмір, як якщо б він використовував wrap_content, але він буде обмежений обмеженнями (тобто він не вийде за межі них)

Оновити зараз ці теги застаріли, замість цього використовуйте layout_width = "WRAP_CONTENT" та layout_constrainedWidth = "вірно".

Оновлено (ConstraintLayout 1.1. +)

Використовуйте app:layout_constrainedWidth="true"сandroid:layout_width="wrap_content"

Раніше (застаріло):

app:layout_constraintWidth_default="wrap" з android:layout_width="0dp"

Так, як зазначено у відповіді, наданій Ніколясом Роардом, ви повинні додати app:layout_constraintWidth_default="wrap"та встановити ширину на 0dp. І щоб вирівняти міхур право, слід встановити 1,0 для layout_constraintHorizontal_bias.

Ось кінцевий вихідний код:

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/chat_message"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginStart="64dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintWidth_default="wrap"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@drawable/chat_message_bubble"
        android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum." />

</android.support.constraint.ConstraintLayout>

В результаті це виглядає так:

Як і інші відповіді, які вже були сказані, оскільки ConstraintLayout 1.0 цього можна досягти, але, як випливає з останнього випуску (1.1.x), вони змінили, як це зробити.

З моменту випуску ConstraintLayout 1.1 старі app:layout_constraintWidth_default="wrap"та app:layout_constraintHeight_default="wrap"атрибути тепер застарілі .

Якщо ви хочете надати wrap_contentповедінку, але все ж виконувати обмеження у своєму представленні даних, вам слід встановити його ширину та / або висоту в wrap_contentпоєднанні з атрибутами app:layout_constrainedWidth=”true|false”та / або app:layout_constrainedHeight=”true|false”, як зазначено в документах :

WRAP_CONTENT: примусові обмеження (Додано в 1.1) Якщо параметр встановлено на WRAP_CONTENT, у версіях до 1.1 вони будуть розглядатися як буквальний вимір - значить, обмеження не обмежуватимуть отриманий вимір. Хоча в цілому цього достатньо (і швидше), в деяких ситуаціях ви можете використовувати WRAP_CONTENT, але продовжувати виконувати обмеження, щоб обмежити отриманий вимір. У цьому випадку ви можете додати один із відповідних атрибутів:

додаток: layout_constrainedWidth = "вірно | помилково" додаток: layout_constrainedHeight = "true | false"

Що стосується останнього випуску, то до моменту, коли я відповів на це, ConstraintLayout знаходиться на версії 1.1.2 .

Відповідь @ nicolas-roard app:layout_constraintWidth_default="wrap"і android:layout_width="0dp"зараз знижена .

Іти вперед і використовувати app:layout_constrainedWidth="true"і android:layout_width="wrap_content".

Причину знецінення я не знаю. Але його право у вихідному коді ConstraintLayout

Я використовую цей

app:layout_constraintEnd_toEndOf="parent"

Вам слід замінити

android:layout_width="wrap_content"

з

android:layout_width="match_parent"

з вашого TextView, а потім відповідно відрегулюйте прокладку та поле. Я оновив ваш код,

<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="wrap_content">

<TextView
    android:id="@+id/chat_message"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:layout_marginEnd="10dp"
    android:layout_marginLeft="60dp"
    android:layout_marginRight="10dp"
    android:layout_marginStart="60dp"
    android:layout_marginTop="8dp"
    android:padding="16dp"
    app:layout_constraintTop_toTopOf="parent"
    tools:background="#c9c7c7"
    tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales accumsan tortor at bibendum." />

Ви отримаєте цей результат