circularMenu

open hide

论坛示例

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

概述

circularMenu 是一个转盘菜单。本模块是原生实现的，动画流畅，开发者可自定义菜单上按钮的个数和样式。简单几行代码即可开发出转盘效果的炫酷UI

open

打开转盘菜单

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

centerX：

  • 类型：数字
  • 默认值：0
  • 描述：（可选项）环形菜单的圆心 X 坐标（相对于所属的 Window 或 Frame）

centerY：

  • 类型：数字
  • 默认值：0
  • 描述：（可选项）环形菜单的圆心 Y 坐标（相对于所属的 Window 或 Frame）

radius：

  • 类型：数字
  • 默认值：150
  • 描述：（可选项）环形菜单的圆半径

centerBtnRadius：

  • 类型：数字
  • 默认值：radius/3.0
  • 描述：（可选项）环形菜单中间圆形按钮的半径
  • 类型：字符串
  • 描述：（可选项）环形菜单的背景图片

centerBtnImg：

  • 类型：字符串
  • 描述：（可选项）环形菜单的中间按钮的背景图片

indicatorPosition：

  • 类型：字符串
  • 默认值：left
  • 描述：（可选项）环形菜单的指针位置，取值范围如下：
    • right //右边
    • up //上边
    • down //下边

items：

  • 类型：数组
  • 描述：子菜单信息组成的数组
  • 内部字段：

fixedOn：

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

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  2.     click：                //布尔值，判断是否是点击事件的callBack
  3.     index:                //数字类型；用户点击按钮的下标，中间按钮的下标为最大
  5. }

示例代码

iOS系统，Android系统

可提供的1.0.0及更高版本

close

关闭环形菜单

close()

示例代码

  1. var circularMenu = api.require('circularMenu');

可用性

iOS系统，Android系统

hide

隐藏环形菜单

hide()

补充说明

隐藏环形菜单，并没有从内存清除

可用性

iOS系统，Android系统

可提供的1.0.1及更高版本

show

显示已隐藏的环形菜单

show()

  1. var circularMenu = api.require('circularMenu');

可用性

iOS系统，Android系统

可提供的1.0.1及更高版本

论坛示例

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