circleMenu
概述
circleMenu封装了一个弹窗样式的环形菜单,可以自定义菜单的个数,菜单可以拖动旋转,进而达到某些项目中的需求
open
打开
open({params}, callback(ret))
params
rect:
- 类型:JSON 对象
- 描述:视图frame
- 内部字段:
{
x:0, //数字类型; 视图的左上角点的坐标
y:0, //数字类型; 视图的左上角点的坐标
w:100, //数字类型; 视图的宽
h:100 //数字类型:视图高度
}
centerBtnStyle:
- 类型:JSON 对象
- 描述:中心按钮数据源
- 内部字段:
{
centerBtnSize: , //数字类型; (可选项)中心按钮的size; 默认:30
centerBtnTitle: '', //字符串类型; (可选项)中心按钮的标题 ; 默认:无(仅iOS支持)
centerBtnImg:'', //字符串类型; (可选项)(android为必选项)中心按钮背景图片,要求本地路径(widget://、fs://); 默认:无
centerBtnExpandImg:'', //字符串类型,按钮展开图片,支持widget、fs格式(仅android支持)
centerBtnFont: , //数字类型; (可选项) 中心按钮按钮标题大小; 默认15(仅iOS支持)
centerBtnTitleColor:'' , //字符串类型; (可选项)标题颜色,支持 rgb,rgba,#; 默认:#000000(仅iOS支持)
}
imgArr:
- 类型:数组
- 描述:菜单按钮的图片
- 内部字段:
[
'widget://res/car14.png', //字符串类型; (可选项)菜单子按钮背景图片,要求本地路径(widget://、fs://); 默认:无
'widget://res/car14.png'
]
imgArrHighlight:
- 类型:数组
- 描述:菜单按钮的高亮图片(仅IOS支持)
- 内部字段:
[
'widget://res/car14.png', //字符串类型; (可选项)菜单子按钮背景图片,要求本地路径(widget://、fs://); 默认:无
'widget://res/car14.png'
]
innerCircleRadius:
- 类型:数字类型
- 默认值:30
- 描述:(可选项)菜单展开时的内径半径
bgColor:
- 类型:字符串
- 默认值:#FFFFFF
- 描述:(可选项)菜单展开时的背景颜色,支持 rgb,rgba,#(仅iOS支持)
iconSize:
- 类型:数字类型
- 默认值:30
- 描述:(可选项)环形子菜单按钮的尺寸
isTouchMove
- 类型:布尔类型
- 描述:(可选项)是否可拖动(仅android支持)
- 默认值:true
startAngle:
- 类型:数字类型
- 描述:(可选项)展开子按钮起始角度(仅android支持)
- 默认值:95
endAngle:
- 类型:数字类型
- 描述:(可选项)展开子按钮终止角度(仅android支持)
- 默认值:260
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
number:, //数字类型;按钮控件编号(仅android支持)
index: , //数字类型 ; 被点击按钮的index
}
示例代码
var name = api.require('circleMenu');
name.open({
rect:{
x:200,
y:200,
w:200,
h:200
},
centerBtnStyle:{
centerBtnSize:50 , //数字类型; (可选项)中心按钮的size; 默认:30
centerBtnTitle: '按钮', //字符串类型; (可选项)中心按钮的标题 ; 默认:无
centerBtnImg:'widget://res/car14.png', //字符串类型; (可选项)中心按钮背景图片,要求本地路径(widget://、fs://); 默认:无
centerBtnFont:20 , //数字类型; (可选项) 中心按钮按钮标题大小; 默认15
centerBtnColor:'#87CEEB' , //字符串类型; (可选项)标题颜色,支持 rgb,rgba,#; 默认:黑色
},
imgArr:['widget://res/icon.png',
'widget://res/car14.png',
'widget://res/car15.png',
],
innerCircleRadius:30,
bgColor:'#FFF68F'
}, function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
补充说明
打开列表视图
可用性
iOS系统,Android系统
可提供的1.0.0及更高版本
close
关闭菜单
close(param,callback(ret))
params
number:
- 类型:数字类型
- 描述:要操作的控件编号(仅android支持)
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
}
示例代码
var menu = api.require('circleMenu');
menu.close({
number:,
},function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
可用性
iOS系统,Android系统
可提供的1.0.0及更高版本
hide
隐藏菜单
hide(params,callback(ret))
params
number:
- 类型:数字类型
- 描述:要操作的控件编号(仅android支持)
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
}
示例代码
var menu = api.require('circleMenu');
menu.hide({
number:,
},function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
可用性
iOS系统,Android系统
可提供的1.0.0及更高版本
show
显示菜单
show(params,callback(ret))
params
number:
- 类型:数字类型
- 描述:要操作的控件编号(仅android支持)
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
}
示例代码
var menu = api.require('circleMenu');
menu.show({
number:,
},function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
可用性
iOS系统,Android系统
可提供的1.0.0及更高版本
addIcons
添加子按钮(仅iOS支持)
addIcons({params}, callback(ret))
params
imgArr:
- 类型:数组
- 描述:菜单按钮的图片
- 内部字段:
[
'widget://res/car14.png', //字符串类型; (可选项)菜单子按钮背景图片,要求本地路径(widget://、fs://); 默认:无
'widget://res/car14.png'
]
imgArrHighlight:
- 类型:数组
- 描述:菜单按钮的高亮图片
- 内部字段:
[
'widget://res/car14.png', //字符串类型; (可选项)菜单子按钮背景图片,要求本地路径(widget://、fs://); 默认:无
'widget://res/car14.png'
]
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
}
示例代码
var menu = api.require('circleMenu');
menu.addIcons(function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
可用性
iOS系统
可提供的1.0.0及更高版本
delateIcons
删除子按钮(仅iOS支持)
delateIcons({params}, callback(ret))
params
indexIcon:
- 类型:数字类型
- 描述:删除第几个按钮
- 默认:第0个
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
}
示例代码
var menu = api.require('circleMenu');
menu.delateIcons(function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
可用性
iOS系统
可提供的1.0.0及更高版本
changeIcons
更换子按钮(仅iOS支持)
changeIcons({params}, callback(ret))
params
indexIcon:
- 类型:数字类型
- 描述:更换第几个按钮
- 默认:第0个
iconImage:
- 类型:字符串
- 描述:菜单子按钮背景图片的路径 ;'widget://res/car14.png',要求本地路径(widget://、fs://);
iconImageHighlight:
- 类型:字符串
- 描述:菜单子按钮背景高亮图片的路径 ;'widget://res/car14.png',要求本地路径(widget://、fs://);默认无
callback(ret)
ret:
- 类型:JSON 对象
- 内部字段:
{
status: , //布尔类型;
}
示例代码
var menu = api.require('circleMenu');
menu.changeIcons(function(ret) {
if (ret) {
alert(JSON.stringify(ret));
}
});
可用性
iOS系统
可提供的1.0.0及更高版本