Android中TextView长文本自动换行的解决方法

当前布局中，TextView文本较短时显示正常，但文本过长会与右侧视图重叠，无法自动换行。以下是问题布局代码及解决方案：

原布局代码 #

<androidx.cardview.widget.CardView
        android:id="@+id/card_r2_4k"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/_16sdp"
        android:layout_marginTop="@dimen/_16sdp"
        android:layout_marginEnd="@dimen/_16sdp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_sub_title">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/container_first_4k"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="visible">

            <TextView
                android:id="@+id/tv_first_camera_title_4k"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/_16sdp"
                android:gravity="center"
                android:text="asjdgbajshgdsahjGDHJASGDJHASGDJHASgdhjas"
                android:textColor="@color/color_242424"
                android:textSize="@dimen/sp_20"
                app:layout_constraintBottom_toBottomOf="@+id/img_camera_first_4k"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="@+id/img_camera_first_4k" />

            <ImageView
                android:id="@+id/img_camera_first_4k"
                android:layout_width="112dp"
                android:layout_height="112dp"
                android:contentDescription="TODO"
                android:src="@drawable/ic_rtwo_fourk"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/ln_camera_r2_4k"
                app:layout_constraintTop_toTopOf="parent" />


            <RelativeLayout
                android:id="@+id/ln_camera_r2_4k"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintBottom_toBottomOf="@+id/img_camera_first_4k"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="@+id/img_camera_first_4k">

                <ImageView
                    android:id="@+id/radio_cam_r2_4k"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:layout_centerHorizontal="true"
                    android:layout_centerVertical="true"
                    android:contentDescription="TODO"
                    android:src="@drawable/radio_button" />

                <ImageView
                    android:id="@+id/img_checked_r2_4k"
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:layout_centerInParent="true"
                    android:contentDescription="TODO"
                    android:src="@drawable/checked" />
            </RelativeLayout>


        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>

解决方案 #

问题核心是TextView的宽度未被限制，导致长文本无限延伸并与右侧视图重叠。只需对TextView做以下修改：

• 将android:layout_width="wrap_content"改为android:layout_width="0dp"（即match_constraint），让TextView占据左侧到ImageView之间的可用空间
• 添加app:layout_constraintEnd_toStartOf="@+id/img_camera_first_4k"，限制TextView的右侧边界，避免与ImageView重叠
• 可选：若需控制最大行数，可添加android:maxLines="2"和android:ellipsize="end"（根据需求调整行数）

修改后的完整代码 #

<androidx.cardview.widget.CardView
        android:id="@+id/card_r2_4k"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/_16sdp"
        android:layout_marginTop="@dimen/_16sdp"
        android:layout_marginEnd="@dimen/_16sdp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_sub_title">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/container_first_4k"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="visible">

            <TextView
                android:id="@+id/tv_first_camera_title_4k"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/_16sdp"
                android:layout_marginEnd="@dimen/_16sdp"
                android:gravity="center_vertical"
                android:text="asjdgbajshgdsahjGDHJASGDJHASGDJHASgdhjas"
                android:textColor="@color/color_242424"
                android:textSize="@dimen/sp_20"
                app:layout_constraintBottom_toBottomOf="@+id/img_camera_first_4k"
                app:layout_constraintEnd_toStartOf="@+id/img_camera_first_4k"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="@+id/img_camera_first_4k" />

            <ImageView
                android:id="@+id/img_camera_first_4k"
                android:layout_width="112dp"
                android:layout_height="112dp"
                android:contentDescription="TODO"
                android:src="@drawable/ic_rtwo_fourk"
                app:layout_constraintEnd_toStartOf="@+id/ln_camera_r2_4k"
                app:layout_constraintTop_toTopOf="parent" />


            <RelativeLayout
                android:id="@+id/ln_camera_r2_4k"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                app:layout_constraintBottom_toBottomOf="@+id/img_camera_first_4k"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="@+id/img_camera_first_4k">

                <ImageView
                    android:id="@+id/radio_cam_r2_4k"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:layout_centerHorizontal="true"
                    android:layout_centerVertical="true"
                    android:contentDescription="TODO"
                    android:src="@drawable/radio_button" />

                <ImageView
                    android:id="@+id/img_checked_r2_4k"
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:layout_centerInParent="true"
                    android:contentDescription="TODO"
                    android:src="@drawable/checked" />
            </RelativeLayout>


        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>

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