bubbleMenu

来自于:官方立即使用

概述

bubbleMenu是一个原生实现的气泡按钮菜单,开发者可自定义气泡弹出位置大小以及按钮的各种样式和个数

open

打开菜单

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

params

bgColor:

  • 类型:字符串
  • 默认值:#000000
  • 描述:菜单背景色

lightColor:

  • 类型:字符串
  • 默认值:#009ACD
  • 描述:菜单按钮点击色

borderColor:

  • 类型:字符串
  • 默认值:#000000
  • 描述:菜单边框色

cutLineColor

  • 类型:字符串
  • 默认值:#636363
  • 描述:按钮间分割线颜色

style:

  • 类型:JSON 对象
  • 默认值:见内部字段
  • 描述:气泡样式设置,可为空

    内部字段:

    {
       bgColor:   //菜单按钮背景色,支持 rgb,rgba,#,默认#000000,可为空
       lightColor:  //菜单按钮点击色,支持 rgb,rgba,#,默认#009ACD,可为空
       borderColor:// 菜单边框色,支持 rgb,rgba,#,默认#000000,可为空 
       cutLineColor:// 菜单按钮分割线色,支持 rgb,rgba,#,默认#636363,可为空
       titleColor:   //菜单按钮标题色,支持 rgb,rgba,#,默认#ffffff,可为空
    }
    

centerX:

  • 类型:数字
  • 默认值:120
  • 描述:气泡菜单箭头点的坐标,可为空

centerY:

  • 类型:数字
  • 默认值:120
  • 描述:气泡菜单箭头点的坐标,可为空

btnArray:

  • 类型:数组
  • 默认值:无
  • 描述:按钮的信息组成的数组,不可为空

内部字段:

[{
    icon:                //按钮的图片地址,字符串,可与标题配合使用,可为空
    title:                //按钮的标题,字符串,与图片配合使用
    length:                //按钮的长度,数字类型,默认65
}]

fixedOn:

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

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

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

示例代码

var bubbleMenu = api.require('bubbleMenu');
bubbleMenu.open({
    centerX: api.frameWidth / 2,
    centerY: api.frameHeight / 2,
    btnArray: [{
        title: '按钮'
    }, {
        title: '按钮'
    }, {
        title: '按钮'
    }],
    fixedOn: api.frameName
}, function(ret, err) {
    if (ret) {
        alert(JSON.stringify(ret));
    } else {
        alert(JSON.stringify(err));
    }
});

补充说明

打开菜单

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hidden

隐藏菜单

hidden()

示例代码

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

补充说明

隐藏菜单,只是隐藏,还在内存里没有清除

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hide

隐藏菜单

hide()

示例代码

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

补充说明

隐藏菜单,只是隐藏,还在内存里没有清除

可用性

iOS系统,Android系统

可提供的1.0.1及更高版本

show

显示菜单

show()

示例代码

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

补充说明

显示菜单

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭菜单

close()

示例代码

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

补充说明

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

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本