GridLayout中TextView超出边界：成因分析与最优修复方案咨询

从截图可见，布局里的两个TextView均被挤出屏幕右侧，无法完整显示文本。

问题成因 #

GridLayout默认会根据列内子View的最大宽度分配列宽，你给TextView设置的是wrap_content，当TextView文本宽度 + ImageView宽度超过屏幕总宽度时，GridLayout不会自动压缩TextView的宽度，导致TextView超出屏幕范围。另外注意第一个TextView误写了android:src属性（这是ImageView专属属性），不过这不是显示不全的核心原因。

你提到的几种修复方法优劣对比 #

• 设置右外边距：只能临时适配特定屏幕，换不同尺寸设备大概率还是会出问题，属于治标不治本。
• 移除图标：直接破坏了原本的布局设计，完全不可取。
• 用FrameLayout包裹：属于无意义的过度嵌套，会增加布局层级，影响页面性能。

适配GridLayout的最优修复方案 #

给TextView设置android:layout_width="0dp"，同时添加android:layout_columnWeight="1"，让TextView自动占据当前列的剩余可用空间。这样GridLayout会自动分配列宽：ImageView占自身固有宽度，TextView填充剩下的屏幕宽度，文本过长时还能自动换行。同时修正第一个TextView的错误属性。

修改后的完整代码：

<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/gridLayoutLoremIpsum"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnCount="2"
    android:rowCount="3"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_user_image" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:text="@string/dummy_text_sentence_short" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_user_image" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_columnWeight="1"
        android:background="@color/dark_gray_hint"
        android:text="@string/dummy_text_sentence_short" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_columnSpan="2"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:text="Next" />
</GridLayout>

补充说明：GridLayout的layout_columnWeight和LinearLayout的权重机制逻辑一致，通过它可以让列内View按比例分配空间，这才是适配多屏幕的正确姿势，比你提到的临时方法靠谱得多。

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