Android Jetpack Compose：ConstraintLayout中Text遇Switch显示省略号问题

你的问题核心是文本组件没有被正确限制宽度范围，导致maxLines=1和TextOverflow.Ellipsis的配置无法生效，文本会无限延伸覆盖Switch。下面分Jetpack Compose和XML两种场景给出解决方案：

Jetpack Compose 场景 #

给文本组件设置明确的左右约束，并指定宽度填充约束区间，就能让文本在到达Switch时自动显示省略号：

ConstraintLayout(modifier = Modifier.fillMaxWidth()) {
    val (progress, text, switch) = createRefs()

    // 进度指示器
    CircularProgressIndicator(
        modifier = Modifier.constrainAs(progress) {
            start.linkTo(parent.start, margin = 16.dp)
            centerVerticallyTo(parent)
        }
    )

    // 关键配置的文本组件
    Text(
        text = "This is a very very long long text",
        maxLines = 1,
        overflow = TextOverflow.Ellipsis,
        modifier = Modifier.constrainAs(text) {
            start.linkTo(progress.end, margin = 12.dp)
            end.linkTo(switch.start, margin = 12.dp)
            centerVerticallyTo(parent)
            // 强制文本填充左右约束之间的空间，超出则触发省略
            width = Dimension.fillToConstraints
        }
    )

    // Switch组件
    Switch(
        checked = true,
        onCheckedChange = {},
        modifier = Modifier.constrainAs(switch) {
            end.linkTo(parent.end, margin = 16.dp)
            centerVerticallyTo(parent)
        }
    )
}

XML 场景 #

XML中需要给TextView设置layout_width="0dp"，同时开启layout_constrainedWidth="true"，确保文本遵守左右约束：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ProgressBar
        android:id="@+id/progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintVertical_centerToParent="true"
        android:layout_marginStart="16dp"/>

    <TextView
        android:id="@+id/text"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="This is a very very long long text"
        android:maxLines="1"
        android:ellipsize="end"
        app:layout_constraintStart_toEndOf="@+id/progress"
        app:layout_constraintEnd_toStartOf="@+id/switch"
        app:layout_constraintVertical_centerToParent="true"
        android:layout_marginHorizontal="12dp"
        <!-- 确保TextView严格遵守左右约束，不超出范围 -->
        app:layout_constrainedWidth="true"/>

    <Switch
        android:id="@+id/switch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintVertical_centerToParent="true"
        android:layout_marginEnd="16dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

核心逻辑：让文本的宽度被严格限制在进度指示器和Switch之间，再配合省略配置，就能实现文本到边界自动显示...，不会覆盖Switch。

内容的提问来源于stack exchange，提问作者BRDroid