嵌套使用layout_alignParentEnd导致外层View布局异常问题

嘿，这个坑我之前在项目里也踩过！你遇到的问题本质是RelativeLayout的布局约束逻辑在搞鬼：当你给RelativeLayout的子View设置android:layout_alignParentEnd="true"时，这个RelativeLayout会为了满足子View“对齐自身末端”的要求，强制把自己的宽度拉伸到和父容器一样宽——哪怕你明明给它设了android:layout_width="wrap_content"。这就是为啥你的zone_controls看起来像是被改成了match_parent。

下面给你两种靠谱的解决方案：

方案一：改用ConstraintLayout（更推荐） #

ConstraintLayout的布局逻辑灵活得多，不会出现这种强制拉伸的问题。只需要简单调整约束，就能让zone_controls保持wrap_content的同时，实现你要的对齐效果：

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

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/zone_controls"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/primary_dark"
        app:layout_constraintEnd_toEndOf="parent">

        <ImageButton
            android:id="@+id/btn_more_options"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:selectableItemBackground"
            android:padding="12dp"
            android:src="@mipmap/ic_more_options"
            app:layout_constraintEnd_toEndOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

这里用app:layout_constraintEnd_toEndOf="parent"替代了RelativeLayout的alignParentEnd，既实现了对齐父容器末端的效果，又不会强制拉伸容器宽度。

方案二：保留RelativeLayout，替换内层布局为LinearLayout #

如果你不想切换到ConstraintLayout，也可以把内层的RelativeLayout换成LinearLayout，通过android:gravity="end"让ImageButton靠右对齐，这样外层的zone_controls就能保持wrap_content的尺寸：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:id="@+id/zone_controls"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:background="@color/primary_dark"
        android:gravity="end">

        <ImageButton
            android:id="@+id/btn_more_options"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:selectableItemBackground"
            android:padding="12dp"
            android:src="@mipmap/ic_more_options" />
    </LinearLayout>
</RelativeLayout>

LinearLayout的gravity属性只会调整内部子View的位置，不会改变自身的wrap_content尺寸，完美解决你的问题～

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