stackMenu

来自于:官方

open close show hide

概述

stackMenu 是一个栈菜单,高度模仿 mac 系统下的 dock 管理器。同时允许开发者自定义按钮样式和个数,让开发者轻松实现复杂的ui效果。本模块已停止更新,建议使用优化升级版模块 MNStack

图片说明

open

打开stack菜单

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

params

startX:

  • 类型:数字
  • 默认值:120
  • 描述:stack菜单起点坐标,可为空

startY:

  • 类型:数字
  • 默认值:当前屏幕高减去70
  • 描述:stack菜单起点坐标,可为空

itemSize:

  • 类型:数字
  • 默认值:50
  • 描述:子菜单大小,可为空

direction:

  • 类型:字符串
  • 默认值:right_up
  • 描述:弹出子菜单方向,详情参考弹出菜单方向常量,可为空

titleColor:

  • 类型:字符串
  • 默认值:#8b3e2f
  • 描述:子菜单标题颜色,可为空

items:

  • 类型:数组
  • 默认值:无
  • 描述:子菜单参数组成的数组,不可为空

内部字段:

  1. [{
  2. title //子按钮标题
  3. icon: // 子按钮头像
  4. }]

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

  1. {
  2. index: //选中的子菜单按钮的下标
  3. }

示例代码

  1. var stackMenu = api.require('stackMenu');
  2. stackMenu.open({
  3. items: [{
  4. title: '标题一',
  5. icon: 'widget://res/img/ic/small-bell.png'
  6. }, {
  7. title: '标题二',
  8. icon: 'widget://res/img/ic/clock.png'
  9. }]
  10. }, function(ret, err) {
  11. if (ret) {
  12. alert(JSON.stringify(ret));
  13. } else {
  14. alert(JSON.stringify(err));
  15. }
  16. });

补充说明

打开 stack 菜单

可用性

iOS系统,Android系统

可提供的0.0.1及更高版本

close

关闭菜单

close()

示例代码

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

补充说明

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

可用性

iOS系统,Android系统

可提供的0.0.1及更高版本

show

显示菜单

close()

示例代码

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

补充说明

显示菜单

可用性

iOS系统,Android系统

可提供的0.0.1及更高版本

hide

隐藏菜单

hide()

示例代码

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

补充说明

隐藏菜单,并没有从内存里清除

可用性

iOS系统,Android系统

可提供的0.0.1及更高版本

弹出菜单方向

设置菜单弹出的方向。字符串类型

取值范围

  • right_up //往右边向上弹出
  • right_down //向右边向下弹出
  • left_up //往左边向上弹出
  • left_down //向左边向下弹出