Tôi đang cố gắng thực hiện một bong bóng trò chuyện đơn giản bằng cách sử dụng a ConstraintLayout. Đây là những gì tôi đang cố gắng để đạt được:

Tuy nhiên, wrap_contentdường như không hoạt động đúng với các ràng buộc. Nó tôn trọng lề, nhưng không tính toán không gian có sẵn đúng cách. Đây là cách bố trí của tôi:

<?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>

Điều này ám chỉ như sau:

Tôi đang sử dụng com.android.support.constraint:constraint-layout:1.0.0-beta4.

Tôi có làm điều gì sai? Đó là một lỗi hay chỉ là một hành vi không trực quan? Tôi có thể đạt được hành vi phù hợp bằng cách sử dụng một ConstraintLayout(tôi biết tôi có thể sử dụng các bố cục khác, tôi đang hỏi về ConstrainLayoutcụ thể).

Lỗi thời: Xem câu trả lời tốt hơn

Không, bạn không thể làm những gì bạn muốn với ConstraintLayout như ngày hôm nay (1.0 beta 4):

• wrap_content chỉ yêu cầu tiện ích tự đo, nhưng sẽ không giới hạn sự mở rộng của nó trước các ràng buộc cuối cùng
• match_constraints(0dp) sẽ giới hạn kích thước của tiện ích đối với các ràng buộc ... nhưng sẽ khớp với chúng ngay cả khi wrap_contentnó nhỏ hơn (ví dụ đầu tiên của bạn), đây không phải là điều bạn muốn.

Vì vậy, ngay bây giờ, bạn đã hết may mắn cho trường hợp cụ thể đó: - /

Bây giờ ... chúng tôi đang suy nghĩ về việc thêm các khả năng bổ sung match_constraintsđể đối phó với kịch bản chính xác này (hành xử như thể wrap_contenttrừ khi kích thước kết thúc nhiều hơn các ràng buộc).

Tôi không thể hứa rằng tính năng mới này sẽ làm cho nó trước khi phát hành 1.0.

Chỉnh sửa : chúng tôi đã thêm khả năng này trong 1.0 với thuộc tính app:layout_constraintWidth_default="wrap"(với chiều rộng được đặt thành 0dp). Nếu được đặt, tiện ích con sẽ có cùng kích thước như khi sử dụng quấn_content, nhưng sẽ bị giới hạn bởi các ràng buộc (nghĩa là nó sẽ không mở rộng ra ngoài chúng)

Cập nhật Bây giờ các thẻ đó không được dùng nữa, thay vào đó, hãy sử dụng layout_creen = "WRAP_CONTENT" và layout_constrainedWidth = "true".

Đã cập nhật (ConstraintLayout 1.1. +)

Sử dụng app:layout_constrainedWidth="true"vớiandroid:layout_width="wrap_content"

Trước đây (không dùng nữa):

app:layout_constraintWidth_default="wrap" với android:layout_width="0dp"

Đúng, như đã đề cập trong câu trả lời được đưa ra bởi Nikolas Roard, bạn nên thêm app:layout_constraintWidth_default="wrap"và đặt chiều rộng thành 0dp. Và để căn chỉnh bong bóng của bạn, bạn nên đặt 1.0 cho layout_constraintHorizontal_bias.

Đây là mã nguồn cuối cùng:

<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>

Kết quả là nó trông như:

Giống như các câu trả lời khác đã nói, vì ConstraintLayout 1.0 có thể đạt được điều đó, nhưng kể từ phiên bản mới nhất (1.1.x), họ đã thay đổi cách bạn thực hiện.

Kể từ khi phát hành ConstraintLayout 1.1, các thuộc tính app:layout_constraintWidth_default="wrap"và app:layout_constraintHeight_default="wrap"thuộc tính cũ hiện không được chấp nhận .

Nếu bạn muốn cung cấp một wrap_contenthành vi, nhưng vẫn thực thi các ràng buộc trên Chế độ xem của mình, bạn nên đặt chiều rộng và / hoặc chiều cao của nó thành wrap_contentkết hợp với các thuộc tính app:layout_constrainedWidth=”true|false”và / hoặc app:layout_constrainedHeight=”true|false”, như đã nêu trên các tài liệu :

WRAP_CONTENT: thi hành các ràng buộc (Đã thêm vào 1.1) Nếu thứ nguyên được đặt thành WRAP_CONTENT, trong các phiên bản trước 1.1, chúng sẽ được coi là thứ nguyên theo nghĩa đen - nghĩa là các ràng buộc sẽ không giới hạn kích thước kết quả. Mặc dù nói chung, điều này là đủ (và nhanh hơn), trong một số trường hợp, bạn có thể muốn sử dụng WRAP_CONTENT, nhưng vẫn giữ các ràng buộc để hạn chế kích thước kết quả. Trong trường hợp đó, bạn có thể thêm một trong các thuộc tính tương ứng:

ứng dụng: layout_constrainedWidth = sự thật | false Ứng dụng trực tuyến: layout_constrainedHeight = Hồi đúng | sai

Đối với phiên bản mới nhất, vào thời điểm tôi trả lời điều này, ConstraintLayout là phiên bản 1.1.2 .

Câu trả lời của @ nicolas-roard app:layout_constraintWidth_default="wrap"và android:layout_width="0dp"hiện đang bị ĐỔI .

Đi trước và sử dụng app:layout_constrainedWidth="true"và android:layout_width="wrap_content".

Lý do của sự phản đối, tôi không biết. Nhưng quyền của nó trong mã nguồn của ConstraintLayout

Tôi dùng cái này

app:layout_constraintEnd_toEndOf="parent"

Bạn nên thay thế

android:layout_width="wrap_content"

với

android:layout_width="match_parent"

từ TextView của bạn và sau đó điều chỉnh phần đệm và lề cho phù hợp. Tôi đã cập nhật mã của bạn,

<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." />

Bạn sẽ nhận được kết quả này