横竖屏切换时RelativeLayout布局异常：ImageView未正确对齐TextView

哈哈，太懂这种踩属性坑的感觉了！我当初刚学Android的时候也把alignBottom和布局位置属性搞混过，刚好帮你理清楚：

核心问题：你用错了属性！ #

android:alignBottom="@id/xxx"的作用是让当前View的底部和目标View的底部对齐，而不是让当前View位于目标View的正下方。竖屏时可能因为布局空间刚好够，视觉上看起来像在下方，但横屏时布局尺寸变化，这个对齐规则就会导致ImageView错位变形。

正确的实现方式（分布局类型） #

根据你用的布局容器，选对应的方案：

1. 用LinearLayout（最简单直接）

如果是垂直方向的LinearLayout，直接把TextView和ImageView按顺序放进去，自然会上下排列，横竖屏都能保持正确位置：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/first_textview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="第一个文本"/>

    <!-- 自动在TextView下方 -->
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image"/>
</LinearLayout>

2. 用ConstraintLayout（现在官方推荐）

用约束让ImageView的顶部贴紧TextView的底部，这是最灵活的方式，适配各种屏幕：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/first_textview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="第一个文本"
        app:layout_constraintTop_toTopOf="parent"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image"
        <!-- 关键约束：顶部对齐TextView的底部 -->
        app:layout_constraintTop_toBottomOf="@id/first_textview"
        app:layout_constraintStart_toStartOf="@id/first_textview"/>
</ImageView>

3. 用RelativeLayout（旧项目兼容）

如果还在用RelativeLayout，别用alignBottom，改用layout_below：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/first_textview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="第一个文本"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image"
        <!-- 正确属性：位于TextView下方 -->
        android:layout_below="@id/first_textview"/>
</RelativeLayout>

小调试技巧 #

下次遇到布局错位，直接用Android Studio的Layout Inspector（右上角Tools里找），选中横屏模式下的View，就能直观看到它的约束/布局参数，一眼就能发现属性用错的问题，比瞎试快多了！

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