RelativeLayout内ImageView相对定位：无需marginTop实现上箭头居左箭头上方

哈哈，我太懂这种适配痛点了！直接用android:layout_above="@+id/left"确实会让上箭头和左箭头正上方对齐，这是RelativeLayout的默认行为——它会自动让两个view的水平中心重合。要实现你要的“非正上方”效果，根本不需要固定的marginTop，只要给上箭头再加一个水平对齐的属性就行，完美适配所有屏幕！

具体实现方案 #

根据你想要的偏移方向，选对应的属性组合即可：

1. 让上箭头在左箭头的左上方（右边缘与左箭头右边缘对齐）

这种配置下，上箭头会紧贴左箭头的左上方，没有固定间距：

<!-- 先定义左箭头（下方的View） -->
<ImageView
    android:id="@+id/left"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/arrow_left"
    <!-- 这里可以根据需求设置左箭头的基础定位，比如layout_centerInParent等 -->
    />

<!-- 上箭头（定位在左箭头上方） -->
<ImageView
    android:id="@+id/up"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/arrow_up"
    android:layout_above="@id/left" <!-- 核心：让上箭头位于左箭头上方 -->
    android:layout_alignEnd="@id/left" <!-- 控制水平位置：上箭头右边缘和左箭头右边缘对齐 -->
    />

2. 让上箭头在左箭头的右上方（左边缘与左箭头左边缘对齐）

如果想要上箭头靠在左箭头的右上方，只需要把水平对齐属性换成layout_alignStart：

<ImageView
    android:id="@+id/up"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/arrow_up"
    android:layout_above="@id/left"
    android:layout_alignStart="@id/left" <!-- 上箭头左边缘和左箭头左边缘对齐 -->
    />

3. 让上箭头与左箭头有水平间距的偏移

如果想要上箭头和左箭头之间有自然的水平间距（无需固定值），可以用layout_toStartOf或layout_toEndOf配合layout_above：

<!-- 上箭头在左箭头的左上方，且有水平间距 -->
<ImageView
    android:id="@+id/up"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/arrow_up"
    android:layout_above="@id/left"
    android:layout_toStartOf="@id/left"
    />

原理说明 #

RelativeLayout中，当仅使用layout_above时，默认会让两个View的水平中心对齐，这就是你之前得到“正上方”效果的原因。加上水平对齐/位置控制属性后，就能精准定义水平方向的相对位置，完全避免固定marginTop带来的屏幕适配问题。

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