如何在不使用“maxwidth”的情况下限制 TextView 的大小？

Question

我一直在尝试为 RecyclerView 项目创建布局，但我无法实现。我会尽力解释我想要什么以及到目前为止我得到了什么。我的设计有一个 Button、一个 TextView、几个 ImageViews 和一个 LinearLayout，里面有一些 ImageViews。下图很好地解释了它。

• 灰色元素具有固定的宽度和位置（左侧的按钮和右侧带有 ivs 的 LL）。
• 绿色和红色 ivs 具有固定宽度，但应位于蓝色电视的右侧，除非蓝色电视太大并试图将它们推到右侧的灰色 LL 之上。在这种情况下，文本被缩短并在末尾添加省略号。
• 绿色和红色 ivs 可能可见，也可能不可见（visibility="true" 或 "gone"）。如果蓝色电视“消失了”（并且其中有足够的文本内容可以这样做），则蓝色电视应该占据它们的空间。

我已经接近我想要的东西：蓝色电视和红色和绿色 ivs 位于具有gravity=left 属性的 LinearLayout 内。蓝色电视具有省略号=结束属性。仍然错误的一件事是蓝色电视必须具有 maxwidth 属性，因此它不会将绿色/红色 ivs 推到右侧的灰色 LinearLayout 上。因此，当红色或绿色 ivs“消失”时，右侧有一个空白空间（在灰色 LinearLayout 之前），因为蓝色电视的 maxwidth 限制了它。

有没有办法实现这一目标？如何消除 maxwidth 属性并仍然防止 textview 内容将绿色和红色 ivs 向右推得太远并超过灰色 LinearLayout？

我对 ConstraintLayout 没有任何经验（我是 android 开发的初学者）。有没有办法使用它来实现这一目标？

这是我到目前为止的代码。

<LinearLayout
    android:id="@+id/leiaute"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <Button
        android:id="@+id/quad_done_undone"
        android:layout_width="17.6dp"
        android:layout_height="16dp"
        android:layout_marginLeft="14dp"
        android:src="@drawable/circulo_unchecked"/>

    <LinearLayout
        android:id="@+id/itemClickableArea"
        android:layout_width="0dp"
        android:layout_height="48dp"
        android:layout_weight="1"
        android:gravity="left|center_vertical"
        android:orientation="horizontal"
        android:background="?attr/selectableItemBackground">

        <TextView
            android:id="@+id/titulo"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:ellipsize="end"
            android:fontFamily="sans-serif"
            android:gravity="left|center_vertical"
            android:maxLines="1"
            android:maxWidth="210dp"
            android:text="Lorem Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
            android:textColor="@color/preto"
            android:textSize="13sp"
            android:visibility="visible"/>

        <ImageButton
            android:id="@+id/descricao"
            android:layout_width="16dp"
            android:layout_height="13.5dp"
            android:layout_marginLeft="16dp"
            android:layout_marginTop="1dp"
            android:background="@drawable/description_icon"/>

        <ImageView
            android:id="@+id/play"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="4dp"
            android:layout_marginRight="4dp"
            android:src="@drawable/play"
            android:tint="@color/cinza3"
            android:visibility="visible"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="36dp"
        android:layout_height="wrap_content"
        android:layout_marginRight="6dp"
        android:gravity="center_vertical|center_horizontal"
        android:orientation="vertical">

        <TextView
            android:id="@+id/data_hora"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:fontFamily="sans-serif"
            android:gravity="center"
            android:maxLines="2"
            android:textColor="@color/textList"
            android:textSize="12sp"
            tools:text="31 mar\n9:42"/>


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:gravity="center_horizontal|center_vertical"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/repeat"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:layout_marginRight="2dp"
                android:src="@drawable/repeat"
                android:tint="@color/iconesList"/>


            <ImageView
                android:id="@+id/locale"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:src="@drawable/locale"
                android:tint="@color/iconesList"/>

            <ImageView
                android:id="@+id/alarm"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:layout_marginLeft="2dp"
                android:src="@drawable/alarm"
                android:tint="@color/iconesList"/>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

Answer 1

您想要做的事情可以通过TableLayout和轻松处理TableRow。有关示例布局，请参阅以下 XML。布局的关键是将TextView保存长文本的 设置为根据需要缩小，android:shrinkColumns="1"并添加一个Space将增长以填充额外空间的视图，以便LinearLayout在TextView缩小时右侧不会向左移动。

该视频显示了TextView更改内容和其他视图设置为 时发生的情况gone。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="1">

    <!-- TableLayout is needed to specify shrinkColumns. Ignore "Useless parent" error. -->
    <TableRow
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:ignore="UselessParent">

        <Button
            android:layout_width="80dp"
            android:layout_height="45dp"
            android:text="Button"
            tools:ignore="HardcodedText" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:background="@android:color/holo_blue_dark"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:maxLines="1"
            android:paddingEnd="8dp"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
            android:paddingStart="8dp"
            android:scrollHorizontally="true"
            android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, etc."
            android:textSize="20sp"
            tools:ignore="HardcodedText" />

        <TextView
            android:id="@+id/imageView1"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:background="@android:color/holo_green_light"
            android:gravity="center"
            android:text="iv"
            android:textSize="20sp"
            android:visibility="visible"
            tools:ignore="HardcodedText" />

        <TextView
            android:id="@+id/imageView2"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="8dp"
            android:background="@android:color/holo_red_dark"
            android:gravity="center"
            android:textSize="20sp"
            android:visibility="visible"
            tools:text="iv" />
<!-- Space to expand/shrink so TableRow is always width of the screen. -->
        <Space
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent" />

        <LinearLayout
            android:layout_width="60dp"
            android:layout_height="45dp"
            android:background="@android:color/darker_gray"
            android:orientation="horizontal" />
    </TableRow>
</TableLayout>