【转】 教你如何创建类似QQ的android弹出菜单

原文地址：http://www.apkbus.com/android-18034-1-1.html

大家可能看到android的自带的系统菜单比较难看,如图:

2011-12-4 23:13 上传

下载附件 (20.68 KB)

 

很多应用都自己定义了系统菜单,

QQ游览器

2011-12-4 23:15 上传

下载附件 (60.05 KB)

 

手机QQ

2011-12-4 23:15 上传

下载附件 (49.83 KB)

 

我今天做的就是类似手机QQ的菜单,效果图如下:

2011-12-4 23:15 上传

下载附件 (26.73 KB)

 

这是我用PopupWindow重写一个菜单 ,popupwindow实现弹出菜单功能非常实用，在有布局中经常出现，给用户体验非常不错 ，主要是控制菜单的显示和消失(动画控制)，另外对文字和图片(大小最好都一样，否则最后效果有点难看)分别做了适配，其中对文字的长度进行了处理。

下面不用多说,进行代码.需要提一下的是,屏蔽一下系统菜单,需要下面两步1. 需要创建至少一个系统菜单选项

2011-12-4 23:13 上传

下载附件 (6.97 KB)

 

2. 在onMenuOpened方法里显示自己的菜单视图，并返回FALSE 

2011-12-4 23:13 上传

下载附件 (48.24 KB)

 

整体代码:MenuLikeQQActivity.java

1. package cn.mxgsa.menu;
2. import java.util.List;
3. import android.app.Activity;
4. import android.os.Bundle;
5. import android.view.Gravity;
6. import android.view.KeyEvent;
7. import android.view.Menu;
8. import android.view.View;
9. import android.view.ViewGroup.LayoutParams;
10. import android.widget.AdapterView;
11. import android.widget.AdapterView.OnItemClickListener;
12. import android.widget.GridView;
13. import android.widget.PopupWindow;
14. import android.widget.Toast;
15. public class MenuLikeQQActivity extends Activity {
16. /**
17. * 定义popupwindow
18. */
19. private PopupWindow popup;
20. /**
21. * 定义适配器
22. */
23. private MenuAdapter menuAdapter;
24. //菜单项列表
25. private List<MenuInfo> menulists;
26. //定义gridview
27. private GridView menuGridView;
28. /** Called when the activity is first created. */
29. @Override
30. public void onCreate(Bundle savedInstanceState) {
31. super.onCreate(savedInstanceState);
32. setContentView(R.layout.main);
33. initPopuWindows();
34. }
35. @Override
36. public boolean onCreateOptionsMenu(Menu menu) {
37. // TODO Auto-generated method stub
38. return true;
39. }
40. /**
41. * 设置PopupWindows
42. */
43. private void initPopuWindows() {
44. //初始化gridview
45. menuGridView=(GridView)View.inflate(this, R.layout.gridview_menu, null);
46. //初始化PopupWindow,LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT控制显示
47. popup = new PopupWindow(menuGridView, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
48. // 设置menu菜单背景
49. popup.setBackgroundDrawable(getResources().getDrawable(R.drawable.menu_background));
50. // menu菜单获得焦点 如果没有获得焦点menu菜单中的控件事件无法响应
51. popup.setFocusable(true);
52. //设置显示和隐藏的动画
53. popup.setAnimationStyle(R.style.menushow);
54. popup.update();
55. //设置触摸获取焦点
56. menuGridView.setFocusableInTouchMode(true);
57. //设置键盘事件,如果按下菜单键则隐藏菜单
58. menuGridView.setOnKeyListener(new android.view.View.OnKeyListener() {
59. public boolean onKey(View v, int keyCode, KeyEvent event) {
60. // TODO Auto-generated method stub
61. if ((keyCode == KeyEvent.KEYCODE_MENU) && (popup.isShowing())) {
62. popup.dismiss();
63. return true;
64. }
65. return false;
66. }
67. });
68. //添加菜单按钮事件
69. menuGridView.setOnItemClickListener(new OnItemClickListener() {
70. public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
71. // TODO Auto-generated method stub
72. MenuInfo mInfo = menulists.get(arg2);
73. popup.dismiss();
74. if (mInfo.ishide) {
75. return;
76. }
77. switch (mInfo.menuId) {
78. case MenuUtils.MENU_ADD_FRIEND:
79. Toast.makeText(MenuLikeQQActivity.this, "添加好友", 1).show();
80. break;
81. case MenuUtils.MENU_ADD_GROUP:
82. Toast.makeText(MenuLikeQQActivity.this, "添加分组", 1).show();
83. break;
84. case MenuUtils.MENU_EXIT:
85. Toast.makeText(MenuLikeQQActivity.this, "退出应用", 1).show();
86. break;
87. case MenuUtils.MENU_GROUP_ACCURATE:
88. break;
89. case MenuUtils.MENU_GROUP_CATEGORY:
90. break;
91. case MenuUtils.MENU_HELP:
92. Toast.makeText(MenuLikeQQActivity.this, "检查更新", 1).show();
93. break;
94. case MenuUtils.MENU_LOGOUT:
95. Toast.makeText(MenuLikeQQActivity.this, "切换用户", 1).show();
96. break;
97. case MenuUtils.MENU_SERCH_FRIEND:
98. Toast.makeText(MenuLikeQQActivity.this, "搜索好友", 1).show();
99. break;
100. case MenuUtils.MENU_SETTING:
101. Toast.makeText(MenuLikeQQActivity.this, "设置", 1).show();
102. break;
103. }
104. }
105. });
106. }
107. @Override
108. public boolean onMenuOpened(int featureId, Menu menu) {
109. // TODO Auto-generated method stub
110. if (popup != null) {
111. menulists = MenuUtils.getMenuList();
112. menuAdapter = new MenuAdapter(this, menulists);
113. menuGridView.setAdapter(menuAdapter);
114. popup.showAtLocation(this.findViewById(R.id.linearlayout), Gravity.BOTTOM, 0, 0);
115. }
116. return false;// 返回为true 则显示系统menu
117. }
118. @Override
119. public boolean onPrepareOptionsMenu(Menu menu) {
120. // TODO Auto-generated method stub
121. menu.add("menu");
122. return super.onPrepareOptionsMenu(menu);
123. }
124. }

复制代码

讲述的很简单,需要对大家有帮助下面附应用的源码  MenuLikeQQ.rar (149.85 KB, 下载次数: 2433)