2013-11-21 59 views
1

我想,我想在我的應用程序與此類似我怎樣才能讓一個菜單視圖

enter image description here

菜單按鈕底部創建菜單的底部是在底部佈局,當你點擊它,它可能會擴大到項目列表。我怎樣才能達到這個菜單效果?我已經在Android的擡頭行動起來吧,可悲的是這只是放置在頂部。我如何定製它以達到我的目的?

一個xml草圖將高度讚賞!

回答

0

如果你想在頁面底部的自定義視圖,請嘗試使用RelativeLayout

<?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="match_parent" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" 
     android:text="Your Contents" /> 

    <LinearLayout 
     android:id="@+id/my_bottom_view" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:background="@color/transparent_white" 
     android:gravity="center" > 

     <ImageButton 
      android:id="@+id/imageButton1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/x" /> 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:gravity="center" 
      android:text="5.6 miles" /> 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/overflow" /> 

    </LinearLayout> 

</RelativeLayout> 

爲了處理溢出菜單中你可以使用PopupMenu這樣的:

 PopupMenu popupMenu = new PopupMenu(context, view); 
     popupMenu.inflate(R.menu.my_menu); 
     popupMenu.setOnMenuItemClickListener(new OnMenuItemClickListener() {...}); 
     popupMenu.show(); 
+0

感謝。這正是我想要的! – Daniel

2

您可以分割你的動作條,看看它在底部:

在您的清單:

<activity 
     android:name=".MainActivity" 
     android:uiOptions="splitActionBarWhenNarrow"> 
     <intent-filter> 
      <meta-data android:name="android.support.UI_OPTIONS" 
       android:value="splitActionBarWhenNarrow" /> 
     </intent-filter> 
    </activity> 

然後,操作欄將在底部顯示。

更多的信息在這裏:Action Bar - Using split action bar