`
zkh43javaeye
  • 浏览: 84489 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

(转 Android UI学习 - Menu)

阅读更多
标签:Android menu
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://android.blog.51cto.com/268543/306424
<!--正文 begin-->
 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 

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

分享到:
评论

相关推荐

    Android---UI篇---Menu(菜单)

    Android---UI篇---Menu(菜单), Android系统里面有3种类型的菜单:options menu,context menu,sub menu。

    Android---UI篇

    •Android---UI篇---Tab Layout(选项卡布局) • •Andorid---UI篇---TableLayout(表格布局) • •Android---UI篇---RelativeLayout(相对布局) • •Android---UI篇---GridView...•Android---UI篇---Menu(菜单)

    Side-Menu.Android-master.zip

    Side-Menu-分类侧滑菜单,简约炫酷的分类侧滑菜单,Yalantis 出品,博客附件,效果请查看博客相对应项目。

    Android--UI-新手必备源码master.zip

    包括Android布局,弹窗,配色,单击事件,UI,精美炫酷的activity切换动画和空间动画,是新手必备的源码,内含相关的Dome 25件。 - - 文件夹 PATH 列表 卷序列号为 4E8D-6931 C:. │ .txt │ Android-UI-新手必备...

    Android UI之样式Menu

    Android 炫酷弹出菜单,不一样的Menu,打开项目导入即可。

    Side-Menu.Android-master.rar

    安卓UI设计,github开源

    Android应用源码-系统工具类设计安卓源代码(82例).zip

    android tabhost --android UI源码 Android Txt文本阅读器源码 Android Widget快捷拨号程序源码 Android 仓库管理系统源码 Android 仿ES界面文件浏览器源码 Android 仿iPhoneQQ气泡聊天样式源码 Android 仿QQ多级...

    Android UI组件实例集合

    8、Android 导航菜单 RibbonMenu 是 Android 上的一个导航菜单组件。就三个目标文件,菜单项直接在 XML 中定义,可添加文本和图标。 9、Android的UI工具包 android-ui-utils 是一个工具包用来帮助设计和开发 ...

    circle-menu-android.zip

    circle-menu-android,简单,优雅的UI菜单,具有圆形布局和材质设计动画,博客附件,效果请查看博客相对应项目。

    circle-menu-android::heavy_large_circle:CircleMenu是一个简单而优雅的UI菜单,具有圆形布局和材质设计动画。 @Ramotion制作的Android UI库

    Android 4.1 Jelly Bean(API lvl 16)或更高版本 您最喜欢的IDE 安装 单从下载软件包,并把它添加到你的项目的类路径,或者只是使用maven回购: Gradle: implementation ' ...

    material-menuAndroid.zip

    material-menu,简约炫酷,变形安卓菜单,返回和删除按钮,博客附件,效果请查看博客相对应项目。

    老罗android开发视频教程全集百度网盘下载

    Android进阶初级:组件Widget/ 菜单Menu/ 布局Layout 详解 Xml解析(Pull/Dom/Sax)/JNI 解析SQL数据库原理, SQLit e /SharedPreferences/File详解 多媒体Audio/Video/Camera 详解 Android进阶高级:蓝牙/WIFI SMS/...

    android UI界面控件元素集.rar

    android UI界面控件元素集,比如菜单,单选按钮、按钮文字和背景的设置、带动画的按钮、按钮事件监听的实现、checkbox进行监听、EditText编辑框、单项选择、多项选择、Menu菜单、WebView使用等。

    android的UI设计

    android的UI设计基础教程,内容包括TextView,button,intent,Bundle,AlertDialog,menu,Toast,EditText,ImageButton,ImageView,Gallery,AutoCompleteTextView,ListView,ArrayAdapter,SimpleAdapter等

    android-snake-menuDemo.zip

    android-snake-menuDemo,模仿Tumblr的菜单,拖动动画看起来像蛇,博客附件,效果请查看博客相对应项目。

    安卓android ui界面开发练习

    通过这个简洁完整的例子,可以学习到android界面开发中很多的组件,如tabhost,listview,对话框,选项菜单,上下文菜单等等

    25个实用酷炫的Android开源UI框架

    最近找了一些合适开源控件,这样在日常工作中会更加省时,再此分享给大家,希望能对大家有帮助,此博文介绍的都是UI上面的框架,接下来会有其他的开源框架(如:HTTP框架、DB框架)。 1.Side-Menu.Android 分类侧滑...

    Android代码-fantastic-android-animation

    UI View Menu Transition Pager/Tab Button Slider Refresh TextField Picker Calendar Camera/Photo Browser Chart Drawer Tag Loader/Progress Page Indicator Licence This project is released under the MIT ...

    react-native-drawer-menu:React Native Application的抽屉组件

    您应该避免UI交互的冲突。 至少,不要使用Left抽屉菜单来包装子路线,如果需要,请使用Right抽屉菜单。 从npm安装 npm install --save react-native-drawer-menu 导入项目 import Drawer from 'react-native-...

    android UI设计原则

    Menu 36 x 36 px 48 x 48 px 72 x 72 px StatusBar 24 x 24 px 32 x 32 px 48 x 48 px Tab 24 x 24 px 32 x 32 px 48 x 48 px Dialog 24 x 24 px 32 x 32 px 48 x 48 px List View 24 x 24 px 32 x 32 px 48 x 48 px...

Global site tag (gtag.js) - Google Analytics