sideMenu

Method

open

hidden

show

论坛示例

为帮助用户更好更快的使用插件，论坛维护了一个示例，示例中包含示例代码、知识点讲解、注意事项等，供您参考。

概述

sideMenu 是一个从边框弹出的菜单，允许开发者自定义子按钮的样式和个数。打开时会有从边框弹出的动画

alert 图片说明

open

打开菜单

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

params

type：

类型：数字
默认值：0
描述：菜单类型，0代表从左往右弹出，非0代表从右往左弹出，可为空

startPosition：

类型：数字
默认值：紧贴导航条下边缘
描述：菜单最上边的第一个按钮的起始位置，可为空

btnHeight：

类型：数字
默认值：60
描述：菜单里单个按钮的高度，可为空

interval：

类型：数字
默认值：10
描述：菜单里两个相邻按钮间的距离，可为空

trajectoryColor：

类型：字符串
默认值：无
描述：弹出的按钮的弹道的颜色，可为空，若为空则不显示弹道

btnArray：

类型：数组
默认值：无
描述：弹出的按钮的信息，不可为空

内部字段：

[{
    icon:                      //字符串，按钮的图标，支持本地协议，不可为空
    bgImg:                     //字符串，按钮背景图标，支持本地协议，不可为空
}]

fixedOn：

类型：字符串类型
描述：（可选项）插件视图添加到指定 frame 的名字（只指 frame，传 window 无效）
默认：插件依附于当前 window

clickHide：

类型：布尔值
默认值：true
描述：点击子按钮后是否隐藏菜单，可为空

callback(ret, err)

ret：

类型：JSON 对象

内部字段：

{
    id:             //菜单的id
    index：			//用户点击按钮的下标
}

示例代码

var sideMenu = api.require('sideMenu');
sideMenu.open({
    trajectoryColor: '#3F9FEA',
    btnArray: [{
        title: '图标1',
        'icon': 'widget://res/center/0.png',
        'bgImg': 'widget://res/sideMenu/bg.png'
    }, {
        title: '图标2',
        'icon': 'widget://res/center/1.png',
        'bgImg': 'widget://res/sideMenu/bg.png'
    }, {
        title: '图标3',
        'icon': 'widget://res/center/2.png',
        'bgImg': 'widget://res/sideMenu/bg.png'
    }, {
        title: '图标4',
        'icon': 'widget://res/center/3.png',
        'bgImg': 'widget://res/sideMenu/bg.png'
    }, {
        title: '图标5',
        'icon': 'widget://res/center/4.png',
        'bgImg': 'widget://res/sideMenu/bg.png'
    }],
    fixedOn: api.frameName
}, function(ret, err) {
    if (ret) {
        api.alert({msg: JSON.stringify(ret)});
    } else {
        api.alert({msg: JSON.stringify(err)});
    }
});

补充说明

打开菜单

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

hidden

隐藏菜单

hidden({params})

params

id：

类型：数字
默认值：无
描述：要操作的菜单的id，不可为空

示例代码

var sideMenu = api.require('sideMenu');
sideMenu.hidden({
    id: 1
});

补充说明

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

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

show

显示菜单

show({parmas})

params

id：

类型：数字
默认值：无
描述：要操作的菜单的id，不可为空

示例代码

var sideMenu = api.require('sideMenu');
sideMenu.show({
    id: 1
});

补充说明

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

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

close

关闭菜单

close({parmas})

params

id：

类型：数字
默认值：无
描述：要操作的菜单的id，不可为空

示例代码

var sideMenu = api.require('sideMenu');
sideMenu.close({
    id: 1
});

补充说明

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

可用性

iOS系统，Android系统

可提供的1.0.0及更高版本

是否仍需要帮助？请保持联络！

最后更新于 2024/04/24