基礎的Android UI設計問題

Question

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="200px" 
    android:background="@layout/roundedshape" 
    android:id="@+id/mainLayout"> 

    <Gallery xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/gallery" 
     android:layout_width="fill_parent" 
     android:layout_height="100px" /> 

    <LinearLayout android:gravity="top" 
     android:id="@+id/gallerytext" 
     android:layout_width="match_parent" 
     android:layout_height="50px" 
     android:layout_below="@+id/gallery" 
     android:layout_centerHorizontal="true"> 
     <TextView android:text="TextView" 
      android:id="@+id/taskname" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"></TextView> 
    </LinearLayout> 
    <LinearLayout android:gravity="top" 
     android:layout_width="match_parent" 
     android:layout_height="50px" 
     android:layout_below="@+id/gallerytext" 
     android:layout_centerHorizontal="true" > 
     <Button android:id="@+id/button_left" 
      android:layout_width="27px" 
      android:layout_height="27px"></Button> 
     <Button android:text="Add" 
      android:id="@+id/button_add" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"></Button> 
     <Button android:text="Edit" 
      android:id="@+id/button_edit" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"></Button> 
     <Button android:id="@+id/button_right" 
      android:layout_width="27px" 
      android:layout_height="27px"></Button> 
    </LinearLayout> 
</RelativeLayout> 

編輯

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="200px" android:background="@layout/roundedshape"> 

<Gallery xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gallery" 
    android:layout_width="fill_parent" 
    android:layout_height="100px" 
/> 

<TextView android:layout_below="@+id/gallery" android:text="TextView" android:id="@+id/taskname" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> 

<Button android:id="@+id/button_left" android:layout_below="@+id/taskname" android:layout_width="27px" android:layout_height="27px" ></Button> 
<Button android:text="Add" android:id="@+id/button_add" android:layout_below="@+id/taskname" android:layout_toRightOf="@+id/button_left" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
<Button android:text="Edit" android:id="@+id/button_edit" android:layout_below="@+id/taskname" android:layout_toRightOf="@+id/button_add" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
<Button android:id="@+id/button_right" android:layout_below="@+id/taskname" android:layout_toRightOf="@+id/button_edit" android:layout_width="27px" android:layout_height="27px"></Button> 

當我把它覆蓋兩個LinerLayouts的RelativeLayout的背景。

我怎樣才能讓背景顏色和兩個LinearLayout在頂部可見？或者我的看法不對？

Answer 1

您的佈局沒有任何問題。如果您將RelativeLayout的背景設置爲#FFFFFFFF（白色），那麼這正是發生的情況。背景（包括LinearLayouts）變爲白色。但LinearLayouts位於RelativeLayout之上 - 您仍然可以看到從LinearLayouts中顯示的按鈕和任何文本。如果您將LinearLayouts的背景設置爲不同的顏色，您會看到這反映在佈局中 - 它們實際上位於RelativeLayout之上。