Android布局XML：无法将文本对齐至ImageView右侧及布局适配问题

嘿，我来帮你搞定这个布局难题～你遇到的LinearLayout包裹后视图收缩的问题，大概率是因为没给ImageView或者LinearLayout设置合适的尺寸属性，不一定非要用TableLayout哦。下面给你几种更合适的解决方案：

方案1：调整LinearLayout的属性（简单直接） #

如果坚持用LinearLayout，只需要给ImageView设置合理的宽高，同时确保LinearLayout的尺寸设置正确就行。比如想把TextView放在ImageView下方，用垂直方向的LinearLayout：

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center_horizontal">

    <!-- 给ImageView设置固定宽高或者wrap_content，避免收缩 -->
    <ImageView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/your_image"
        android:scaleType="centerCrop"/>

    <!-- TextView自动适配宽度，放在ImageView下方 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的文本内容"
        android:layout_marginTop="8dp"/>

</LinearLayout>

如果想把TextView放在ImageView右侧，就把LinearLayout的android:orientation改成horizontal，同时给ImageView设置宽高，TextView设置合适的布局参数：

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/your_image"
        android:scaleType="centerCrop"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的文本内容"
        android:layout_marginStart="16dp"/>

</LinearLayout>

方案2：用ConstraintLayout（更灵活，推荐） #

现在Android开发更推荐用ConstraintLayout，它能避免布局嵌套，更灵活地控制视图位置。比如实现TextView在ImageView下方：

<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">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/your_image"
        android:scaleType="centerCrop"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的文本内容"
        android:layout_marginTop="8dp"
        app:layout_constraintTop_toBottomOf="@id/image_view"
        app:layout_constraintStart_toStartOf="@id/image_view"
        app:layout_constraintEnd_toEndOf="@id/image_view"/>

</androidx.constraintlayout.widget.ConstraintLayout>

关于TableLayout #

其实TableLayout更适合做表格形式的布局（比如多行多列的规整布局），如果只是简单的ImageView加TextView的组合，完全没必要用它，上面两种方案足够解决问题啦。

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