UCWeb的菜单看起来不错，自己想模仿做一个，苦恼一直没有思路
google了几天，终于找到一个帖子 http://www.eoeandroid.com/viewthread.php?tid=28824
按照上面提供的思路实现了
1、保留menu按键作用
2、用popupwindow作为菜单显示容器
3、用GridView显示所有子菜单
代码
1、布局文件
popupwindow.xml
<? xml version = " 1.0 " encoding = " utf-8 " ?> < LinearLayout 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 " > < LinearLayout 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 " > < GridView 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 " /> </ LinearLayout > </ LinearLayout >
item_menu.xml
<? xml version = " 1.0 " encoding = " utf-8 " ?> < RelativeLayout xmlns:android = " http://schemas.android.com/apk/res/android " android:id = " @+id/RelativeLayout_Item " android:layout_width = " fill_parent " android:layout_height = " wrap_content " android:paddingBottom = " 5dip " > < ImageView android:id = " @+id/item_image " android:layout_centerHorizontal = " true " android:layout_width = " 40dip " android:layout_height = " 40dip " > </ ImageView > < TextView android:layout_below = " @id/item_image " 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 = " 选项 " ></ TextView > </ RelativeLayout >
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 < HashMap < String, Object >> data = new ArrayList < HashMap < String, Object >> (); for ( int i = 0 ; i < menuNameArray.length; i ++ ) { HashMap < String, Object > map = new HashMap < String, Object > (); 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、界面截图
859
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
