android - 防止图像和按钮重叠

Question

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    <ImageView
        android:id="@+id/showImg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:contentDescription="@string/showImg"
    />

    <Button
        android:id="@+id/photo"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignTop="@+id/showImg"
        android:text="@string/photo" 
    />
</RelativeLayout>

当我运行上面的代码图像视图时，请通过照片按钮。

我应该如何避免它？

Answer 1

你有两个选择：

1-使用线性布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical">
  <ImageView
         android:id="@+id/showImg"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:contentDescription="@string/showImg"
      />

     <Button
         android:id="@+id/photo"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:text="@string/photo" />
 </LinearLayout>

2-使用属性layout_below：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:id="@+id/showImg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:contentDescription="@string/showImg"
    />

    <Button
        android:id="@+id/photo"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/showImg"
        android:text="@string/photo" 
    />
</RelativeLayout>

我假设您想要按钮上方的图像。否则，您可以使用 layout_above、layout_toLeftOf 或 layout_toRightOf。