如何使 wrap_content 文本视图包装其内容仅足以使其他视图在 LinearLayout android 中可见？

Posted 2023-04-19

【中文标题】如何使 wrap_content 文本视图包装其内容仅足以使其他视图在 LinearLayout android 中可见？

【英文标题】：How to make a wrap_content text view wrap its content only enough to still make other views visible in LinearLayout android?

【发布时间】：2021-10-05 04:16:54

【问题描述】：

我有一个带有 3 个文本视图的水平线性布局，宽度设置为 wrap_content。我希望它们都是包装内容，但其中一个可能会变得太长。这会导致其他两个文本视图越界。如何使长文本视图仅将内容包装到 LinearLayout 的所有子项仍然存在的范围内（在父 LinearLayout 的宽度边界内（设置为 match_parent））？

代码示例：

<LinearLayout
    android:layout_
    android:layout_
    android:layout_margin="32dp"
    android:orientation="horizontal"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintBottom_toBottomOf="parent">
    <TextView
        android:layout_
        android:layout_
        android:text="This is a very very very very very very very very very long text"
        android:ellipsize="end"
        android:maxLines="1"/>

    <TextView
        android:layout_
        android:layout_
        android:text="This is another text"
        android:maxLines="1"/>
    <TextView
        android:layout_
        android:layout_
        android:text="One final text"
        android:ellipsize="end"
        android:maxLines="1"/>
</LinearLayout>

这是我得到的： undesired

这更多是我想要的： desired

注意：android:layout_weight 对我不起作用，因为我仍然希望文本视图为较小的文本包装内容。

【问题讨论】：

你想在这里分享一个最小的工作示例吗

你可以使用 app:maxlines="number"

更新了问题@femimcpd

【参考方案1】：

将父级 (LinearLayout) 的宽度设置为 wrap_content。但是，如果第一个 textview 的文本超出第二个文本视图的开头，这将导致第二个文本视图位于第一个 textview 之上。

我看到的最佳选择是为所有文本视图指定 layout_width，然后为每个文本视图设置最大文本长度。

【讨论】：

问题是最大宽度会根据第二个和第三个文本视图的可见性而变化。

将宽度设置为“wrap_content”，但如果文本长度超过特定数字，则在活动类中执行 if 条件以将 layout_width 更改为特定大小。

我已经更新了答案，只需更改布局权重并将宽度调整为 0dp

【参考方案2】：

您可以根据TextView 设置android:maxWidth 和android:layout_width="wrap_content"

<LinearLayout
    android:layout_
    android:layout_
    android:layout_margin="32dp"
    android:orientation="horizontal"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintBottom_toBottomOf="parent">
    <TextView
        android:layout_
        android:maxWidth="150dp"
        android:layout_
        android:text="This is a very very very very very very very very very long text"
        android:ellipsize="end"
        android:maxLines="1"/>

    <TextView
        android:layout_
        android:layout_
        android:maxWidth="150dp"
        android:text="This is another text"
        android:maxLines="1"/>
    <TextView
        android:layout_
        android:maxWidth="150dp"
        android:layout_
        android:text="One final text"
        android:ellipsize="end"
        android:maxLines="1"/>
</LinearLayout>

【讨论】：

这不允许我在较小文本的情况下包装内容（例如检查你的中间 TextView）

检查编辑@lama，这是可能的，但有一个固定值

【参考方案3】：

在您的 LinearLayout 中更改布局权重：

     <LinearLayout
        android:layout_
        android:layout_
        android:layout_margin="32dp"
        android:orientation="horizontal"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">
        <TextView
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/teal_200"
            android:text="This is a very very very very very very very very very long text"
            android:ellipsize="end"
            android:maxLines="1"/>

        <TextView
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/teal_700"
            android:text="This is another text"
            android:maxLines="1"/>
        <TextView
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/purple_500"
            android:text="One final text"
            android:ellipsize="end"
            android:maxLines="1"/>
    </LinearLayout>

【讨论】：

我希望它是水平的：')

我已经更新了答案，只需更改布局权重并将宽度调整为 0dp

别忘了将答案标记为已接受

谢谢，但这不会包含较小文本的内容:')

是的，尝试只为第一个输入“This”

【参考方案4】：

这似乎有效

    <?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:layout_
    android:layout_>

    <LinearLayout
        android:layout_
        android:layout_
        android:layout_margin="32dp"
        android:orientation="horizontal"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">
        <TextView
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/teal_200"
            android:text="This is a very very very very very very very very very long text"
            android:ellipsize="end"
            android:maxLines="1"/>

        <TextView
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/teal_700"
            android:text="This is another text This is a very very very very very very very very very long text"
            android:maxLines="1"/>
        <TextView
            android:layout_
            android:layout_
            android:layout_weight="1"
            android:background="@color/purple_500"
            android:text="One final text This is a very very very very very very very very very long text"
            android:ellipsize="end"
            android:maxLines="1"/>
    </LinearLayout>


</androidx.constraintlayout.widget.ConstraintLayout>