如何在包含宽度为“0dp”的视图的 ConstraintLayout 中将打包链居中？

Question

我想将我网页的标题居中。标题可以类似于 (1) Dokument1 或 (3) GreatDocument。我想要 60dp 的左右边距，并且文档的名称具有可变长度。当我将 wrap_content 用于 @+id/title 时，居中效果很好，但是边距不适用于文档的长名称。当我使用 0dp 时，边距得到尊重，但居中不起作用。

如何让 ConstraintLayout 中的打包链居中，同时具有动态长度和边距。

<android.support.constraint.ConstraintLayout
    android:id="@+id/top_bar_xml"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/open_brackets"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="("
        android:gravity="center_vertical"
        android:layout_marginStart="60dp"

        android:textSize="20sp"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintEnd_toStartOf="@id/page_count"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/page_count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        android:gravity="center_vertical"
        android:textSize="20sp"
        app:layout_constraintStart_toEndOf="@id/open_brackets"
        app:layout_constraintEnd_toStartOf="@id/close_brackets"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/close_brackets"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=") "
        android:gravity="center_vertical"
        android:textColor="@color/black"
        android:textSize="20sp"
        app:layout_constraintStart_toEndOf="@id/page_count"
        app:layout_constraintEnd_toStartOf="@id/title"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="60dp"
        android:text="DocumentTitle"
        android:textSize="20sp"
        android:gravity="center_vertical"
        android:ellipsize="end"
        app:layout_constraintStart_toEndOf="@+id/close_brackets"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

（我通过删除对页面计数和标题的 ViewModel 的引用来简化示例；该文档在下面有其他视图，这些视图的边距较低）

Answer 1

您可以将 @id/title 的宽度设置为 wrap_content 并添加

app:layout_constrainedWidth="true"

赋予它属性，以便当它变得太大而无法满足边距时，TextView 的约束得到尊重。

如何在包含宽度为“0dp”的视图的 ConstraintLayout 中将打包链居中？

How do I center a packed chain in a ConstraintLayout that contains a View with width `0dp`?

android

android-constraintlayout

constraint-layout-chains