教你如何创建类似QQ的android弹出菜单-阿里云开发者社区

开发者社区> 一叶飘舟> 正文

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

简介:
+关注继续查看
大家可能看到android的自带的系统菜单比较难看,如图:
图片1.png
很多应用都自己定义了系统菜单,
QQ游览器
图片2.png
手机QQ
图片3.png
我今天做的就是类似手机QQ的菜单,效果图如下:
图片4.png
这是我用PopupWindow重写一个菜单 ,popupwindow实现弹出菜单功能非常实用,在有布局中经常出现,给用户体验非常不错 ,主要是控制菜单的显示和消失(动画控制),另外对文字和图片(大小最好都一样,否则最后效果有点难看)分别做了适配,其中对文字的长度进行了处理。
下面不用多说,进行代码.需要提一下的是,屏蔽一下系统菜单,需要下面两步1. 需要创建至少一个系统菜单选项
图片5.png
2. 在onMenuOpened方法里显示自己的菜单视图,并返回FALSE图片6.png 整体代码: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.         /**
  18.          * 定义popupwindow
  19.          */        
  20.         private PopupWindow popup;
  21.         /**
  22.          * 定义适配器
  23.          */
  24.         private MenuAdapter menuAdapter;
  25.         //菜单项列表
  26.         private List<MenuInfo> menulists;
  27.         //定义gridview
  28.         private GridView menuGridView;
  29.         
  30.         
  31.     /** Called when the activity is first created. */
  32.     @Override
  33.     public void onCreate(Bundle savedInstanceState) {
  34.         super.onCreate(savedInstanceState);
  35.         setContentView(R.layout.main);
  36.         initPopuWindows();
  37.     }
  38.     
  39.         @Override
  40.         public boolean onCreateOptionsMenu(Menu menu) {
  41.                 // TODO Auto-generated method stub
  42.                 return true;
  43.         }
  44.     
  45.         /**
  46.          * 设置PopupWindows
  47.          */
  48.     private void initPopuWindows() {
  49.             //初始化gridview
  50.                 menuGridView=(GridView)View.inflate(this, R.layout.gridview_menu, null);
  51.                 //初始化PopupWindow,LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT控制显示
  52.                 popup = new PopupWindow(menuGridView, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
  53.                 // 设置menu菜单背景
  54.                 popup.setBackgroundDrawable(getResources().getDrawable(R.drawable.menu_background));
  55.                 // menu菜单获得焦点 如果没有获得焦点menu菜单中的控件事件无法响应
  56.                 popup.setFocusable(true);
  57.                 //设置显示和隐藏的动画
  58.                 popup.setAnimationStyle(R.style.menushow);
  59.                 popup.update();
  60.                 //设置触摸获取焦点
  61.                 menuGridView.setFocusableInTouchMode(true);
  62.                 //设置键盘事件,如果按下菜单键则隐藏菜单
  63.                 menuGridView.setOnKeyListener(new android.view.View.OnKeyListener() {
  64.                         public boolean onKey(View v, int keyCode, KeyEvent event) {
  65.                                 // TODO Auto-generated method stub
  66.                                 if ((keyCode == KeyEvent.KEYCODE_MENU) && (popup.isShowing())) {
  67.                                         popup.dismiss();  
  68.                                         return true;
  69.                                         
  70.                                 }
  71.                                 return false;
  72.                         }

  73.                 });
  74.                 //添加菜单按钮事件
  75.                 menuGridView.setOnItemClickListener(new OnItemClickListener() {
  76.                         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
  77.                                 // TODO Auto-generated method stub
  78.                                 MenuInfo mInfo = menulists.get(arg2);
  79.                                 popup.dismiss();
  80.                                 if (mInfo.ishide) {
  81.                                         return;
  82.                                 }
  83.                                 switch (mInfo.menuId) {
  84.                                 case MenuUtils.MENU_ADD_FRIEND:
  85.                                         Toast.makeText(MenuLikeQQActivity.this, "添加好友", 1).show();
  86.                                         break;
  87.                                 case MenuUtils.MENU_ADD_GROUP:
  88.                                         Toast.makeText(MenuLikeQQActivity.this, "添加分组", 1).show();
  89.                                         break;
  90.                                 case MenuUtils.MENU_EXIT:
  91.                                         Toast.makeText(MenuLikeQQActivity.this, "退出应用", 1).show();
  92.                                         break;
  93.                                 case MenuUtils.MENU_GROUP_ACCURATE:

  94.                                         break;
  95.                                 case MenuUtils.MENU_GROUP_CATEGORY:

  96.                                         break;
  97.                                 case MenuUtils.MENU_HELP:
  98.                                         Toast.makeText(MenuLikeQQActivity.this, "检查更新", 1).show();

  99.                                         break;
  100.                                 case MenuUtils.MENU_LOGOUT:
  101.                                         Toast.makeText(MenuLikeQQActivity.this, "切换用户", 1).show();
  102.                                         break;
  103.                                 case MenuUtils.MENU_SERCH_FRIEND:
  104.                                         Toast.makeText(MenuLikeQQActivity.this, "搜索好友", 1).show();
  105.                                         break;
  106.                                 case MenuUtils.MENU_SETTING:
  107.                                         Toast.makeText(MenuLikeQQActivity.this, "设置", 1).show();
  108.                                         break;
  109.                                 }
  110.                         }
  111.                 });
  112.         }
  113.     
  114.     @Override
  115.         public boolean onMenuOpened(int featureId, Menu menu) {
  116.                 // TODO Auto-generated method stub
  117.                 if (popup != null) {
  118.                         menulists = MenuUtils.getMenuList();
  119.                         menuAdapter = new MenuAdapter(this, menulists);
  120.                         menuGridView.setAdapter(menuAdapter);
  121.                         popup.showAtLocation(this.findViewById(R.id.linearlayout), Gravity.BOTTOM, 0, 0);
  122.                 }
  123.                 return false;// 返回为true 则显示系统menu
  124.         }

  125.         @Override
  126.         public boolean onPrepareOptionsMenu(Menu menu) {
  127.                 // TODO Auto-generated method stub
  128.                 menu.add("menu");
  129.                 return super.onPrepareOptionsMenu(menu);
  130.         }
  131. }
复制代码

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9494 0
创建支持多种屏幕尺寸的Android应用
Android涉及各种各样的支持不同屏幕尺寸和密度的设备。对于应用程序,Android系统通过设备和句柄提供了统一的开发环境,大部分工作是校正每一个应用程序的用户界面到它显示的屏上。与此同时,系统提供APIs允许你控制应用界面为特定的屏幕尺寸和密度,为不同屏幕的配置提供最优化的用户界面设计。
761 0
IntelliJ IDEA 12 创建Web项目 教程 超详细版
原文:IntelliJ IDEA 12 创建Web项目 教程 超详细版 IntelliJ IDEA 12 新版本发布 第一时间去官网看了下  黑色的主题 很给力 大体使用了下  对于一开始就是用eclipse的童鞋们 估计很难从eclipse中走出来 当然 我也很艰难的走在路上 ... 首先要说一点,在IntelliJ IDEA里面“new Project” 就相当于我们eclipse的“workspace”,而“new Module”才是创建一个工程。
1043 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13177 0
IntelliJ IDEA 创建Java项目
Java模块让你可以开发Java SE和Java EE应用程序。由Java模块提供的核心功能可通过加入各种技术和框架支持进行扩展。 当您创建好一个项目后,您可以创建一个Java模块。您还可以添加一个Java模块到现有项目。
987 0
Visual Studio 2015中创建C#的Android项目提示"Value cannot be null"的解决方法
原文:Visual Studio 2015中创建C#的Android项目提示"Value cannot be null"的解决方法 选择C# > Android创建一个Blank App时提示如下错误: Value cannot be null. Parameter name: path1 由于之前本机已安装过Android SDK,在安装Visual Studio 2015时跳过了,并没有为Xamarin指定对应路径导致。
951 0
+关注
1635
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载