android 模仿UCWeb菜单栏
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、界面截图
