navigationMenu

来自于:官方立即使用

概述

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

图片说明

open

打开导航菜单

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

params

color:

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

highlight:

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

btnInfo:

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

内部字段:

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

fixedOn:

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

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

{
    index:        //用户点击按钮的下标
}

示例代码

var navigationMenu = api.require('navigationMenu');
navigationMenu.open({
    btnInfo: [{
        normal: 'widget://res/img/ic/small-bell.png',
        highlight: 'widget://res/img/ic/small-bell.png',
        selected: 'widget://res/img/ic/small-bell.png',
        title: '按钮一'
    }, {
        normal: 'widget://res/img/ic/small-bell.png',
        highlight: 'widget://res/img/ic/small-bell.png',
        selected: 'widget://res/img/ic/small-bell.png',
        title: '按钮一'
    }]
}, function(ret, err) {
    if (ret) {
        alert(JSON.stringify(ret));
    } else {
        alert(JSON.stringify(err));
    }
});

补充说明

打开菜单

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hidden

隐藏菜单

hidden()

示例代码

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

补充说明

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

可用性

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

hide

隐藏菜单

hide()

示例代码

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

补充说明

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

可用性

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

show

显示菜单

show()

示例代码

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

补充说明

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

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭菜单

close()

示例代码

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

补充说明

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

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本