在 ConstraintLayout 中自动调整多行文本视图的大小

Posted 2023-04-19

【中文标题】在 ConstraintLayout 中自动调整多行文本视图的大小

【英文标题】：Autosize a multiline textview in a ConstraintLayout

【发布时间】：2021-01-21 20:45:54

【问题描述】：

我正在尝试获得一个 TextView，它可以是多行高，并且需要大的最小宽度。 我尝试了一个 wrap_content 宽度，但如果文本太长，TextView 会停留在单行上并与父级重叠。 然后，我将宽度设置为 0dp，并将 layout_constraintWidth_default 换行。 这几乎是完美的，但如果文本对于单行来说太长，TextView 会占用所有剩余空间。

这是我所拥有的以及我想要拥有的：

还有xml：

<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:id="@+id/clMatchRow"
    android:layout_
    android:layout_
    android:layout_marginBottom="5dp">

  

    <TextView
        android:id="@+id/tvHomeTeam"
        style="@style/DefaultTheme.MatchTextview"
        android:layout_
        android:layout_
        android:gravity="center_vertical|end"
        android:padding="5dp"
        android:text="ThisTime not veryShort"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/tvHomeScore"
        app:layout_constraintHorizontal_bias="1"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_default="wrap" />

    <TextView
        android:id="@+id/tvHomeScore"
        style="@style/DefaultTheme.MatchTextview"
        android:layout_
        android:layout_
        android:gravity="center_vertical|end"
        android:padding="5dp"
        android:text="5"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/guidelineHome"
        app:layout_constraintHorizontal_bias="1"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toEndOf="@id/tvHomeTeam"
        app:layout_constraintTop_toTopOf="parent" />

    <android.support.constraint.Guideline
        android:id="@+id/guidelineHome"
        android:layout_
        android:layout_
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.45" />

    <android.support.constraint.Guideline
        android:id="@+id/guidelineAway"
        android:layout_
        android:layout_
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.55" />

    <TextView
        android:id="@+id/tvAwayScore"
        style="@style/DefaultTheme.MatchTextview"
        android:layout_
        android:layout_
        android:gravity="center_vertical|start"
        android:padding="5dp"
        android:text="2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/tvAwayTeam"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="@id/guidelineAway"
        app:layout_constraintTop_toTopOf="parent" />


    <TextView
        android:id="@+id/tvAwayTeam"
        android:layout_
        android:layout_
        android:gravity="center_horizontal|start"
        android:padding="5dp"
        android:text="Short"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toEndOf="@id/tvAwayScore"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintWidth_default="wrap" />

</android.support.constraint.ConstraintLayout>

【问题讨论】：

开头空间的性质是什么？如果应该有多大？如果不是边距，那是什么？

这不是边距。据我说，文本与右边缘对齐，然后尝试写入整个文本。但它来到左边缘，创建一个新线，但宽度保持不变。

对于tvHomeTeam 添加`android:layout_marginStart="24dp"` 并删除android:padding="5dp"。这将为您提供“我想要的”图像中显示的布局。

这样更近了，但现在 24dp 的边距不会被 textView 占用，文本可以短到可以保留在一行中，但也可以长到可以填满整个第一行。

【参考方案1】：

对于TextView 和id=tvHomeTeam

设置：

android:layout_
android:textAlignment="viewEnd"

【讨论】：

它不起作用。使用 wrap_content 宽度，文本保持在一行中，并且“This”不在屏幕上。