教你如何创建类似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. 
   
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;
    
16. 
    
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.                         }
    
75. 
    
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:
    
97. 
    
98.                                         break;
    
99.                                 case MenuUtils.MENU_GROUP_CATEGORY:
    
100. 
     
101.                                         break;
     
102.                                 case MenuUtils.MENU_HELP:
     
103.                                         Toast.makeText(MenuLikeQQActivity.this, "检查更新", 1).show();
     
104. 
     
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.         }
     
131. 
     
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)

2011-12-4 23:20 上传

点击文件名下载附件
下载积分: 下载豆 -1