java - 如何将图像放在android中另一个图像上方的中央？

Question

我想创建这样的布局:

我有 3 个不同的图像:背景、白色方 block 和 V 形符号。

如果我想让盒子左右移动，我怎样才能像照片中那样放置它们

当触发 onClick 时，V 符号淡入\淡出。

我试过:

   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:background="@drawable/off_background">


             <ImageView
            android:id="@+id/handle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
             android:src="@drawable/handle"
            android:scaleType="centerInside" />

    <ImageView android:id="@+id/switch_v"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:src="@drawable/switch_v"
        android:layout_gravity="center"
        android:scaleType="centerInside"/>



</RelativeLayout>

它给了我正确的顺序，但没有正确摆姿势:

Answer 1

您必须使用layout_align 来解决这个问题。我已经针对您的示例对其进行了测试，它工作正常。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:background="@drawable/off_background" >

<ImageView
    android:id="@+id/handle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:scaleType="centerInside"
    android:src="@drawable/handle" />

<ImageView
    android:id="@+id/switch_v"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@id/handle"
    android:layout_alignTop="@id/handle"
    android:layout_alignBottom="@id/handle"
    android:layout_alignRight="@id/handle"
    android:layout_gravity="center"
    android:scaleType="centerInside"
    android:src="@drawable/switch_v" />
</RelativeLayout>