防止圖像和按鈕重疊

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：

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