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

复制代码

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