如何把底部菜單中的Android應用

Question

我想創建Android應用程序那樣的底部菜單：

我寫了下面的代碼，但它返回我什麼不對

 <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:orientation="horizontal" 
     android:id="@+id/bar_bas" 
     > 

     <Button 
      android:id="@+id/btn_circle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"         
      android:textColor="#bfd2b0" 
      android:background="@drawable/right_left" 
      android:text="test" /> 

     <Button 
      android:id="@+id/btn_circle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"         
      android:textColor="#bfd2b0" 
      android:background="@drawable/left_circle" 
      android:text="test" /> 

     <Button 
      android:id="@+id/btn_circle" 
      android:layout_marginBottom="-6dp" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"         
      android:textColor="#bfd2b0" 
      android:background="@drawable/circle" 
      android:text="test" /> 

     <Button 
      android:id="@+id/btn_circle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"         
      android:textColor="#bfd2b0" 
      android:background="@drawable/right_circle" 
      android:text="test" /> 

     <Button 
      android:id="@+id/btn_circle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"         
      android:textColor="#bfd2b0" 
      android:background="@drawable/right_left" 
      android:text="test" /> 

</LinearLayout> 

我分這幅畫五個按鈕其中之一爲圓形，兩個正方形和兩個..

這裏是它是如何顯示：

我怎麼能解決這個問題

Answer 1

一個LinearLayout只會顯示它的每個子視圖的順序。它不支持層疊，重疊或堆疊視圖。

我建議切換到RelativeLayout，它確實支持重疊視圖。

另一種選擇是簡單地調整你在哪裏定義每個按鈕的背景的界限，以這樣的事情，這將在LinearLayout工作：

Answer 2

使用相對佈局和對齊到底部。裏面有一個按鈕和一個分隔符的獨立相對佈局。以及下一個相對佈局，首先放置在另一個按鈕和分隔線的右側。像這樣做。

<RelativeLayout 
      android:id="@+id/relativeLayout" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" > 

      <RelativeLayout 
       android:id="@+id/relativeLayout1" 
       android:layout_width="85dip" 
       android:layout_height="wrap_content" 
       android:background="@null" 
       android:clickable="true"> 


        <ImageView 
        android:id="@+id/imageview1" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:clickable="true" 
        android:background="@drawable/some_drawable"/> 

       <ImageView 
        android:id="@+id/divider1" 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_alignParentRight="true" 
        android:src="@drawable/menu_divider" /> 
      </RelativeLayout> 

      <RelativeLayout 
       android:id="@+id/relativeLayout2" 
       android:layout_width="85dip" 
       android:layout_height="wrap_content" 
       android:layout_toRightOf="@+id/relativeLayout1" 
       android:clickable="true" > 


       <ImageView 
        android:id="@+id/imageview2" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:clickable="true" 
        android:background="@drawable/some_drawable"/> 

       <ImageView 
        android:id="@+id/divider2" 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_alignParentRight="true" 
        android:src="@drawable/menu_divider" /> 
      </RelativeLayout>