UCWeb的菜單看起來不錯,自己想模仿做一個,苦惱一直沒有思路
google了幾天,終于找到一個帖子? http://www.eoeandroid.com/viewthread.php?tid=28824
按照上面提供的思路實現了
1、保留menu按鍵作用
2、用popupwindow作為菜單顯示容器
3、用GridView顯示所有子菜單
代碼
1、布局文件
popupwindow.xml
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:background="#50000000"
android:layout_height="fill_parent"
android:gravity="bottom|center_horizontal">
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="320dip"
android:background="@drawable/bkg2"
android:id="@+id/popdialog"
android:layout_height="250dip"
android:gravity="center_vertical|center_horizontal"
>
android:id="@+id/gridview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:numColumns="4"
android:verticalSpacing="10dip"
android:horizontalSpacing="10dip"
android:stretchMode="columnWidth"
android:gravity="center"
/>
item_menu.xml
android:id="@+id/RelativeLayout_Item"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:paddingBottom="5dip">
android:layout_centerHorizontal="true"
android:layout_width="40dip"
android:layout_height="40dip">
android:id="@+id/item_text"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/Text.Location"
android:text="選項">
2、用popupwindow作為菜單顯示容器
View view = this.getLayoutInflater().inflate(R.layout.popwindowdemo, null);
pop = new PopupWindow(view,320,450);//大小設置為全屏幕,這里硬編碼的,可修改
pop.setOutsideTouchable(false);
pop.setBackgroundDrawable(new BitmapDrawable());
pop.setFocusable(true);//如果不加這個,Grid不會響應ItemClick
pop.setTouchInterceptor(new OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
if (event.getY()<240){ //這里處理,當點擊gridview以外區域的時候,菜單關閉
if (pop.isShowing())
pop.dismiss();
}
Log.d("Demo", "popupWindow::onTouch >>> view: "
+ v + ", event: " + event);
return false;
}
});
3、初始化gridview
/** 菜單圖片 **/
int[] menu_image_array = { R.drawable.menu_search,
R.drawable.menu_filemanager, R.drawable.menu_downmanager,
R.drawable.menu_fullscreen, R.drawable.menu_inputurl,
R.drawable.menu_bookmark, R.drawable.menu_bookmark_sync_import,
R.drawable.menu_sharepage, R.drawable.menu_quit,
R.drawable.menu_nightmode, R.drawable.menu_refresh,
R.drawable.menu_more };
/** 菜單文字 **/
String[] menu_name_array = { "搜索", "文件管理", "下載管理", "全屏", "網址", "書簽",
"加入書簽", "分享頁面", "退出", "夜間模式", "刷新", "更多" };
/**
* 構造菜單Adapter
*
* @param menuNameArray
* 名稱
* @param imageResourceArray
* 圖片
* @return SimpleAdapter
*/
private SimpleAdapter getMenuAdapter(String[] menuNameArray,
int[] imageResourceArray) {
ArrayList> data = new ArrayList>();
for (int i = 0; i < menuNameArray.length; i++) {
HashMap map = new HashMap();
map.put("itemImage", imageResourceArray[i]);
map.put("itemText", menuNameArray[i]);
data.add(map);
}
SimpleAdapter simperAdapter = new SimpleAdapter(this, data,
R.layout.item_menu, new String[] { "itemImage", "itemText" },
new int[] { R.id.item_image, R.id.item_text });
return simperAdapter;
}
menuGrid = (GridView) view.findViewById(R.id.gridview);
menuGrid.setAdapter(getMenuAdapter(menu_name_array, menu_image_array));
4、注冊Menu彈起事件
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
pop.showAtLocation(findViewById(R.id.mainfrm), Gravity.CENTER|Gravity.BOTTOM, 0, 0);
return false;//super.onCreateOptionsMenu(menu);
}
5、注冊menu子菜單單擊事件
menuGrid.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView> arg0, View arg1, int arg2,
long arg3) {
Log.v("Demo", "menuGrid.setOnItemClickListener: "+arg2+" "+arg3);
Toast.makeText(UIMenu.this, "Click"+arg2, Toast.LENGTH_SHORT).show();
if (pop.isShowing()) //關閉菜單
pop.dismiss();
}
});
6、界面截圖