Android UI学习 - Menu

转载 2011年01月14日 10:59:00

Android系统里面有3种类型的菜单:options menu,context menu,sub menu。

 
options menu    按Menu键就会显示,用于当前的Activity。
    它包括两种菜单项:
         因为options menu在屏幕底部最多只能显示6个菜单项,这些菜单项称为icon menu ,icon menu只支持文字(title) 以及icon,可以设置快捷键,不支持checkbox以及radio控件,所以不能设置checkable选项。
         而多于6的菜单项会以“more” icon menu来调出,称为expanded menu 。它不支持icon,其他的特性都和icon menu一样!
 
在Activity里面,一般通过以下函数来使用options menu:
     Activity::onCreateOptionsMenu (Menu menu)   创建options menu,这个函数只会在menu第一次显示时调用。
     Activity::onPrepareOptionsMenu (Menu menu)  更新改变options menu的内容,这个函数会在menu每次显示时调用。
     Activity::onOptionsItemSelected (MenuItem item) 处理选中的菜单项。
 
context menu    要在相应的view上按几秒后才显示的,用于view,跟某个具体的view绑定在一起。
    这类型的菜单不支持icon和快捷键!
 
在Activity里面,一般通过以下函数来使用context menu:
    Activity::registerForContextMenu(View view) 为某个view注册context menu,一般在Activity::onCreate里面调用。
    Activity::onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) 创建context menu,和options menu不同,context meun每次显示时都会调用这个函数。
    Activity::onContextItemSelected(MenuItem item) 处理选中的菜单项。
 
sub menu
    以上两种menu都可以加入子菜单,但子菜单不能嵌套子菜单,这意味着在Android系统,菜单只有两层,设计时需要注意的!同时子菜单不支持icon。
 

xml形式的menu定义及应用

    上述的三种类型的menu都能够定义为xml资源,但需要手动地使用MenuInflater 来得到Menu对象的引用。
      一个菜单,对应一个xml文件,因为要求只能有一个根节点<menu>。官方说<?xml>声明可以不写,但我觉得还是写上好 些,很多时候那个<?xml>声明主要是为了声明编码格式utf-8之类的。xml文件保存为res/menu /some_file.xml。Java代码引用资源: R.menu.some_file
 
    接下来介绍相关的节点和属性(所有的属性都定义为android空间内,例如android:icon="@drawable/icon"):
    <menu> 根节点,没有属性。
  
    <group> 表示在它里面的<item>在同一group。相关属性包括:
          id :group id
          menuCategory :对应 常量Menu CATEGORY_*  — 定义了一组的优先权,有
效值:container,system,secondary,和alternative
          orderInCategory :定义这组菜单在菜单中的默认次序,int值
          checkableBehavior :这组菜单项是否checkable。有效值:none,all(单选/单选按钮radio button),single(非单选/复选类型checkboxes)
          visible :这组菜单是否可见 true or false
          enabled :这组菜单是否可用,true or false
 
     <item>  菜单项,可以嵌入<menu>作为子菜单。相关属性包括:
        id :  item id
        menuCategory : 用来定义menu类别
        orderInCategory : 用来定义次序,与一个组在一起(Used to define the order of the item, within a group)
        title : 标题
        titleCondensed :标题摘要, 当原标题太长的时候,需要用简短的字符串来代替title
        icon : icon 图标
        alphabeticShortcut : 字母快捷键
        numericShortcut :数学快捷键
        checkable :是否为checkbox, true or false 
        checked :是否设置为checked状态,true or false
        visible : 是否可见, true or false
        enabled :是否可用,true or false
 
xml示例:
  1. <? xml   version = "1.0"   encoding = "utf-8" ?>
  2. < menu   xmlns:android = "http://schemas.android.com/apk/res/android" >
  3.     < item   android:id = "@+id/item1"
  4.           android:title = "Item 1"
  5.           android:icon ="@drawable/icon"
  6.           android:checkable = "true"
  7.           android:checked = "false"
  8.           />   
  9.  
  10.     < group   android:id = "@+id/group_1"  
  11.            android:checkableBehavior = "single" >  
  12.         < item   android:id = "@+id/group_item1"
  13.               android:title = "Item 1 in group"
  14.               />
  15.         < item   android:id = "@+id/group_item2"  
  16.               android:title = "Item 2 in group"  
  17.               android:checked = "true"  
  18.               />  
  19.     </ group >   
  20.  
  21.     < item   android:id = "@+id/submenu"  
  22.           android:title = "Sub Menu" >  
  23.         < menu >   
  24.             < item   android:id = "@+id/submenu_item"  
  25.                   android:title = "Sub Menu Item"  
  26.                   />  
  27.         </ menu >  
  28.     </ item >  
  29.  
  30.     < item   android:id = "@+id/item3"  
  31.           android:title = "item 3"  
  32.           android:checkable = "true"  
  33.           android:checked = "true"  
  34.           />  
  35.  
  36. </ menu >  
Java代码
  1. public   void  onCreate(Bundle savedInstanceState) {  
  2.    ...  
  3.    registerForContextMenu(editText);   
  4. }  
  5.   
  6. @Override   
  7. public   void  onCreateContextMenu(ContextMenu menu, View v,  
  8.         ContextMenuInfo menuInfo) {  
  9.     super .onCreateContextMenu(menu, v, menuInfo);  
  10.   
  11.     getMenuInflater().inflate(R.menu.menu1, menu);   
效果图
contextmenu
      由于这是contextMenu,所以可以看到即使xml定义里面的item1.seticon了,但还是没有显示出来的,即那语句是无效的!
     另外,要明确的是,要显示radio,需要用group,而group里面的item设置了checked = true即选中。而 checkable和checked的区别,一开始我是很困惑的,但写了代码并运行后,明白它们的区别了: checkable=true 表示这个item是checkbox,checked 则表示是否选中。所以对于checkbox item,最好先写 checkable="true",然后再写checked。
 

Java实现

    用Java来实现以上的效果图,就比较麻烦些:
  1. private   static   final   int  MENU_GROUPITEM1 = Menu.FIRST +  8 ;   
  2. private   static   final   int  MENU_GROUPITEM2 = Menu.FIRST +  9 ;   
  3. private   static   final   int  MENU_ITEM1 = Menu.FIRST +  10
  4.  
  5. public   void  onCreate(Bundle savedInstanceState) {      
  6.     ...      
  7.     registerForContextMenu(findViewById(R.id.edittext));    
  8. }    
  9.     
  10. @Override     
  11. public   void  onCreateContextMenu(ContextMenu menu, View v,    
  12.         ContextMenuInfo menuInfo) {    
  13.     super .onCreateContextMenu(menu, v, menuInfo);    
  14.   
  15.     menu.add(1 ,MENU_ITEM1,Menu.NONE,  "Item 1" ).setCheckable( true ).setChecked( false );  
  16.     
  17.     // Group ID     
  18.     int  groupId =  0
  19.     // The order position of the item     
  20.     int  menuItemOrder = Menu.NONE; 
  21.     
  22.     menu.add(groupId, MENU_GROUPITEM1, menuItemOrder, "Item 1 in group" );    
  23.     menu.add(groupId, MENU_GROUPITEM2, menuItemOrder, "Item 2 in group" )    
  24.         .setChecked(true );    
  25.     menu.setGroupCheckable(groupId, true true );  //这句要写在group item的最后   
  26.     
  27.     SubMenu subMenu = menu.addSubMenu("Sub Menu 1" );    
  28.     subMenu.add("Sub Menu Item" )    
  29.         .setOnMenuItemClickListener(new  MenuItem.OnMenuItemClickListener() {    
  30.             @Override     
  31.             public   boolean  onMenuItemClick(MenuItem item) {    
  32.                 Toast.makeText(HelloDemo.this ,     
  33.                                "Sub Menu Item selected" ,     
  34.                                Toast.LENGTH_SHORT).show();    
  35.                 return   true //true表示完成当前item的click处理,不再传递到父类处理     
  36.             }    
  37.         });    
  38.     
  39.     menu.add("Item 3" ).setCheckable( true ).setChecked( true );    
    在编写过程中,发现groupId的影响很大,不推荐使用Menu.add(int titleRes)和add(CharSequence title)方法来添加MenuItem,因为没有指定groupID,默认为0,这样子和后面的menu group 一组了,导致执行完menu.setGroupCheckable(groupId, true true )后同一group的Item都变成radio。
 
OptionsMenu的Java实现
  1. @Override  
  2. public   boolean  onCreateOptionsMenu(Menu menu) { 
  3.     // Group ID  
  4.     int  groupId =  0
  5.     // The order position of the item  
  6.     int  menuItemOrder = Menu.NONE; 
  7.  
  8.     menu.add(groupId, MENU_COPY, menuItemOrder, "Copy"
  9.         .setIcon(R.drawable.icon); 
  10.     menu.add(groupId, MENU_EDIT, menuItemOrder, "Edit" ); 
  11.     menu.add(groupId, MENU_PASTE, menuItemOrder, "Paste" ); 
  12.     menu.add(groupId, MENU_DELETE, menuItemOrder, "Delete" ); 
  13.     menu.add(groupId, MENU_OK, menuItemOrder, "Ok" ); 
  14.     menu.add(groupId, MENU_CANCEL, menuItemOrder, "Cancel" ); 
  15.     menu.add(groupId, MENU_TEST, menuItemOrder, "Test" ); 
  16.     menu.add(groupId, MENU_DEMO, menuItemOrder, "Demo" ); 
  17.     //  .setIcon(R.drawable.icon); more expand menu 不支持icon, setIcon不会报错,但运行时还是看不到icon的  
  18.  
  19.     //return super.onCreateOptionsMenu(menu);  
  20.     return   true //true表示要显示menu; false表示不显示menu  
 
处理菜单点击事件
方法一:
    利用菜单自带的监听器功能,直接监听,就象处理控件事件一样,像上面的ContextMenu的subMenu.add("Sub Menu Item" )设置MenuItem.OnMenuItemClickListener。
 
方法二:
    在Activity和View都直接提供了一个菜单点击统一处理函数,
    Activity::onOptionsItemSelected (MenuItem item)  ;
    Activity::onContextItemSelected(MenuItem item) ;
 
  1. @Override  
  2. public   boolean  onOptionsItemSelected(MenuItem item) { 
  3.     switch (item.getItemId()){ 
  4.         case  MENU_COPY:  
  5.             Toast.makeText(this "Copy Item selected" , Toast.LENGTH_SHORT).show(); 
  6.             break
  7.  
  8.         default break
  9.     } 
  10.     return   false ; //false表示继续传递到父类处理  
效果图

Menu

 

动态菜单

     对于OptionsMenu,一般可以使用onPrepareOptionsMenu来改变。
 
      另外,使用函数android.view.Menu.addIntentOptions(int groupId,int itemId,int order,ComponentName caller, Intent[] specifics, Intent intent,int flags,MenuItem[] outSpecificItems)
      Specifics  以action+uri的具体方式来增加激活相应activity的菜单项
      Intent      以categroy+uri这种一般形式来增加激活相应activity的菜单项
      参数Intent和Specifics的区别是,一个用categroy+uri来匹配activity,一个用action+uri来匹配activity。
 
//按Action查找
Intent[] specifics = new Intent[1];
specifics[0] = new Intent(Intent.ACTION_EDIT, uri);
 
//按Category查找,Action设为null
Intent intent = new Intent(null, uri);
intent.addCategory(Intent.CATEGORY_ALTERNATIVE);
 
MenuItem[] items = new MenuItem[1];
menu.addIntentOptions(Menu.CATEGORY_ALTERNATIVE, 0, 0, null, specifics, intent, 0, items);
 
     有关Menu的创建可以参考官方的http://androidappdocs.appspot.com/guide/topics/ui/menus.html 。另外官方提供了Menu Design Guidelines http://androidappdocs.appspot.com/guide/practices/ui_guidelines/menu_design.html  

本文出自 “学习Android ” 博客,请务必保留此出处http://android.blog.51cto.com/268543/306424

Android UI学习 - Menu

Android系统里面有3种类型的菜单:options menu,context menu,sub menu。   options menu    按Menu键就会显示,用于当前的Activi...
  • rongwenbin
  • rongwenbin
  • 2014年10月16日 10:01
  • 272

Android UI学习 - Menu

标签:Android menu原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://android.blog.51cto.com/268...
  • xuefeng1009
  • xuefeng1009
  • 2011年03月26日 15:24
  • 363

android-UI组件实例大全(十六)---菜单Menu

在android中提供了一些简单的方法为上下文添加Menu菜单: 有三种类型的应用菜单: OptionMenu:选项菜单:android中最常见的菜单,通过Menu键来调用 SubMen...
  • u014450015
  • u014450015
  • 2015年12月08日 16:28
  • 572

使用NaviGationView来配置SlidingMenu的左侧菜单——学习笔记

大概实现下面这样的效果吧,不过这个布局是之前用过的DrawerLayout的左侧菜单,现在把它实现在SlidingMenu的左侧菜单上, 相当于承接了前几篇的布局: 使用NaviGationVi...
  • asjqkkkk
  • asjqkkkk
  • 2017年10月22日 20:13
  • 182

【JQuery UI】菜单工具插件——menu

该控件用处很大! 菜单工具插件可以通过创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标,调用格式如下: $(selector).menu({options...
  • happyhaojie
  • happyhaojie
  • 2016年04月07日 18:29
  • 1082

Android学习笔记十二之Android基础UI三

Android学习笔记十二之Android基础UI三
  • solo_talk
  • solo_talk
  • 2016年06月29日 16:47
  • 3749

Android开发学习之路--UI之基本布局

上一篇文章中主要介绍了ui的控件,这里就学习下布局吧。android的基本布局在layout下主要如图:     从上图可以看出有FrameLayout(单帧布局),LinearLayout(线性...
  • eastmoon502136
  • eastmoon502136
  • 2016年02月06日 13:58
  • 3829

UI控件之菜单(Menu)

(一)概述 本章给大家带来的是Android中的Menu(菜单),而在Android中的菜单有如下几种:OptionMenu:选项菜单,android中最常见的菜单,通过Menu键来调用SubMen...
  • MakeYourChance
  • MakeYourChance
  • 2016年06月28日 16:43
  • 3158

Android开发学习之路--UI之初体验

之前都是学习Activity,对于布局都没有做过学习,这里就简单学习下吧。下面看下Android Studio下有哪些控件:     这里分为Widgets,Text Fields,Contain...
  • eastmoon502136
  • eastmoon502136
  • 2016年02月05日 16:06
  • 3636

MaterialDesign初次使用(一) BottomNavigationView用法学习

刚开始学习MaterialDesign,我先到安卓技术开发周报里查看了MaterialDesign的相关简介,除开针对UI的规范,我更关心的是如何在代码中引用到MD风格的控件,于是我从官方提供的Bot...
  • aspirin_94
  • aspirin_94
  • 2017年06月09日 11:04
  • 394
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android UI学习 - Menu
举报原因:
原因补充:

(最多只允许输入30个字)