Android UI学习 - Menu

简介:

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, truetrue); //这句要写在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, truetrue)后同一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.         defaultbreak
  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 

本文转自 Icansoft 51CTO博客,原文链接: http://blog.51cto.com/android/306424
相关文章
|
4月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
3月前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
4月前
|
XML 前端开发 Android开发
Android:UI:Drawable:View/ImageView与Drawable
通过本文的介绍,我们详细探讨了Android中Drawable、View和ImageView的使用方法及其相互关系。Drawable作为图像和图形的抽象表示,提供了丰富的子类和自定义能力,使得开发者能够灵活地实现各种UI效果。View和ImageView则通过使用Drawable实现了各种图像和图形的显示需求。希望本文能为您在Android开发中使用Drawable提供有价值的参考和指导。
80 2
|
6月前
|
Java Maven 开发工具
第一个安卓项目 | 中国象棋demo学习
本文是作者关于其第一个安卓项目——中国象棋demo的学习记录,展示了demo的运行结果、爬坑记录以及参考资料,包括解决Android Studio和maven相关问题的方法。
第一个安卓项目 | 中国象棋demo学习
|
6月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
144 1
|
5月前
|
Web App开发 编解码 视频直播
视频直播技术干货(十二):从入门到放弃,快速学习Android端直播技术
本文详细介绍了Android端直播技术的全貌,涵盖了从实时音视频采集、编码、传输到解码与播放的各个环节。文章还探讨了直播中音视频同步、编解码器选择、传输协议以及直播延迟优化等关键问题。希望本文能为你提供有关Andriod端直播技术的深入理解和实践指导。
125 0
|
6月前
|
Android开发
Android学习 —— 测试init.rc中的条件触发的处理顺序
Android学习 —— 测试init.rc中的条件触发的处理顺序
|
7月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图:打造个性化UI组件Java中的异常处理:从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中,一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例,展示如何从零开始创建一个具有独特风格和功能的安卓UI组件,并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗?让我们开始吧!
|
7月前
|
编解码 Android开发
【Android Studio】使用UI工具绘制,ConstraintLayout 限制性布局,快速上手
本文介绍了Android Studio中使用ConstraintLayout布局的方法,通过创建布局文件、设置控件约束等步骤,快速上手UI设计,并提供了一个TV Launcher界面布局的绘制示例。
158 1
|
7月前
|
搜索推荐 Android开发
学习AOSP安卓系统源代码,需要什么样的电脑?不同配置的电脑,其编译时间有多大差距?
本文分享了不同价位电脑配置对于编译AOSP安卓系统源代码的影响,提供了从6000元到更高价位的电脑配置实例,并比较了它们的编译时间,以供学习AOSP源代码时电脑配置选择的参考。
463 0
学习AOSP安卓系统源代码,需要什么样的电脑?不同配置的电脑,其编译时间有多大差距?

热门文章

最新文章