navigationMenu

来自于:官方

open hidden hidden show close

概述

navigationMenu 是一个导航栏菜单,可以实现在导航栏上弹出一个菜单,然后子菜单左右铺展开来的动画效果,开发者可自定义其中的样式和按钮个数,超出屏幕部分可左右拖动查看。本模块已停止更新,建议使用优化升级版模块 MNNavigationMenu

图片说明

open

打开导航菜单

open({params}, callback(ret, err))

params

color:

  • 类型:字符串
  • 默认值:#FFFFFF
  • 描述:按钮文字颜色,支持 rgb,rgba,#,可为空

highlight:

  • 类型:字符串
  • 默认值:#d36bff
  • 描述:按钮文字选中后的颜色,支持 rgb,rgba,#,可为空

btnInfo:

  • 类型:数组
  • 默认值:无
  • 描述:菜单里按钮的参数配置,不可为空

内部字段:

  1. [{
  2. normal: //按钮背景图片路径,字符串,不可为空
  3. highlight: //按钮点击时背景图片路径,字符串,可为空
  4. selected: //按钮选中后背景图片路径,字符串,可为空
  5. title: //按钮的标题文字,字符串,可为空
  6. }]

fixedOn:

  • 类型:字符串类型
  • 描述:(可选项)模块视图添加到指定 frame 的名字(只指 frame,传 window 无效)
  • 默认:模块依附于当前 window

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

  1. {
  2. index //用户点击按钮的下标
  3. }

示例代码

  1. var navigationMenu = api.require('navigationMenu');
  2. navigationMenu.open({
  3. btnInfo: [{
  4. normal: 'widget://res/img/ic/small-bell.png',
  5. highlight: 'widget://res/img/ic/small-bell.png',
  6. selected: 'widget://res/img/ic/small-bell.png',
  7. title: '按钮一'
  8. }, {
  9. normal: 'widget://res/img/ic/small-bell.png',
  10. highlight: 'widget://res/img/ic/small-bell.png',
  11. selected: 'widget://res/img/ic/small-bell.png',
  12. title: '按钮一'
  13. }]
  14. }, function(ret, err) {
  15. if (ret) {
  16. alert(JSON.stringify(ret));
  17. } else {
  18. alert(JSON.stringify(err));
  19. }
  20. });

补充说明

打开菜单

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hidden

隐藏菜单

hidden()

示例代码

  1. var navigationMenu = api.require('navigationMenu');
  2. navigationMenu.hidden();

补充说明

隐藏菜单,只是移除到屏幕之外,还在内存里没有清除

可用性

iOS系统,Android系统 可提供的1.0.0及更高版本

hide

隐藏菜单

hide()

示例代码

  1. var navigationMenu = api.require('navigationMenu');
  2. navigationMenu.hide();

补充说明

隐藏菜单,只是移除到屏幕之外,还在内存里没有清除

可用性

iOS系统,Android系统 可提供的1.0.1及更高版本

show

显示菜单

show()

示例代码

  1. var navigationMenu = api.require('navigationMenu');
  2. navigationMenu.show();

补充说明

显示菜单,从屏幕外移动到屏幕内

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭菜单

close()

示例代码

  1. var navigationMenu = api.require('navigationMenu');
  2. navigationMenu.close();

补充说明

关闭菜单,意味着从内存里清除

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本