[androidconstraintLayout，如何水平流动几个视图，其中一个可能显示椭圆形

Question

具有A，B，C，D的视图依次水平流动。如果父级宽度足够宽，则将全部显示

---

| A | B | C | D

当父级宽度不能全部满足时，第三个将显示椭圆形

---

| AAA | BB | C ... | DDD

跟随它尝试以纵向模式工作，但由于使用android:maxWidth="100dp"而不能横向使用

<TextView
        android:id="@+id/c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxWidth="100dp"
        android:maxLines="1"
        android:ellipsize="end"
        app:layout_constraintStart_toEndOf="@+id/b"
        app:layout_constraintTop_toTopOf="@+id/a"
        tools:text="CCCCCCCCCCCC long long long long long" />

并且不想专门为景观设计另一种布局。

有什么建议吗？

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

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/the_guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="83dp" />

    <ImageView
        android:id="@+id/top_row_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/icon_1"
        app:layout_constraintEnd_toStartOf="@+id/the_guideline"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:visibility="visible"/>

    <TextView
        android:id="@+id/top_row_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:ellipsize="end"
        android:maxLines="1"
        tools:text="top title"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/the_guideline"
        app:layout_constraintTop_toTopOf="parent"
        android:visibility="visible"/>

    <ImageView
        android:id="@+id/left_column_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:scaleType="fitXY"
        app:layout_constraintEnd_toStartOf="@+id/the_guideline"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/top_row_title"
        app:srcCompat="@drawable/left_icon" />

    <!-- horizontal flow views-->

    <TextView
        android:id="@+id/a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginStart="8dp"
        app:layout_constraintStart_toStartOf="@+id/the_guideline"
        app:layout_constraintTop_toBottomOf="@+id/top_row_title"
        tools:text="AAAAAAAAAAAAAAAAAAAA" />

    <ImageView
        android:id="@+id/b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toEndOf="@+id/a"
        app:layout_constraintTop_toTopOf="@+id/a"
        app:srcCompat="@drawable/right_icon" />

    <TextView
        android:id="@+id/c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxWidth="100dp"
        android:maxLines="1"
        android:ellipsize="end"
        app:layout_constraintStart_toEndOf="@+id/b"
        app:layout_constraintTop_toTopOf="@+id/a"
        tools:text="CCCCCCCCCCCC long long long long long" />

    <TextView
        android:id="@+id/d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="DDDDDDDDDDDDDDD"
        app:layout_constraintStart_toEndOf="@+id/c"
        app:layout_constraintTop_toTopOf="@+id/a" />

</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

没有弄清楚您要做什么，但是，如果我没错，那么您想在Horizontal Chain中输入ConstraintLayout。

在此处查找完整文档：Control linear groups with a chain