pathButton


弧形菜单插件。以动画形式展开或关闭一个弧形菜单栏,开发者可自定义菜单个数。得到pathButton调用对象

 var path_button = rd.require('pathButton');

方法:

回调方法:

展开方式(Number):

  • leftTopStyle: 左上角,数值为10
  • rightTopStyle: 右上角,数值为11
  • leftBottomStyle: 左下角,数值为12
  • rightBottomStyle: 右下角,数值为13

init


设置pathButton视图展开方式

 path_button.init(flag,mainImage,radius,margins);
说明:

pathButton视图通过flag设置展开方式,通过mainImage设置主button背景图片的协议路径, margins数组表示左边距、上边距、右边距和下边距。注意:此方法在同一个窗口建议调用一次,或者清除后再调用,保持对象一致。

参数:
  • flag:(展开方式 ) 必选 与 margins 参数配合使用, 详细请查看margins参数使用描述
  • mainImage:(String) 必选 主button的背景图片的协议路径
  • radius:(*Number) 必选 子button展开半径的系数,实际半径=默认半径x系数, 当系数设置为0或小于0时,默认系数为1
  • margins:(Array) 必选 数组长度为4 分别表示左边距、上边距、右边距和下边距; 与flag参数配合使用 使用描述:

    情况一: flag为leftTopStyle时, margins只用左边距和上边距有效;

    情况二: flag为rightTopStyle时, margins只用上边距和右边距有效;

    情况三: flag为leftBottomStyle时, margins只用左边距和下边距有效;

    情况四: flag为rightBottomStyle时, margins只用右边距和下边距有效;

返回值:

无返回值

示例:
path_button.init(path_button.leftTopStyle, 'cpts://main/img/sat_main.jpg', [10, 10, 0, 0]);

setImages


设置菜单子button背景图片。

 path_button.setImages(images);
说明:

pathButton视图通过images设置子button背景图片的协议路径

参数:
  • images : (Array ) 必选 pathButton菜单子button背景图片的协议路径,images数组的长度须大于2小于等于6
返回值:

无返回值

示例:
path_button.setImages(['cpts://main/img/sat_item.jpg','cpts://main/img/sat_item.jpg','cpts://main/img/sat_item.jpg','cpts://main/img/sat_item.jpg','cpts://main/img/sat_item.jpg', 'cpts://main/img/sat_item.jpg']);

showButton


打开pathButton视图

path_button.showButton();            
说明:

打开pathButton视图,如果视图是隐藏状态,将会显示视图。

参数:

返回值:

无返回值

示例:
path_button.showButton();

hideButton


隐藏显示的pathButton视图

path_button.hideButton();
说明:

只是隐藏显示的pathButton视图,并没有从内存里清除。

参数:

返回值:

无返回值

示例:
path_button.hideButton();

removeButton


移除pathButton视图

path_button.removeButton();
说明:

移除pathButton视图。

参数:

返回值:

无返回值

示例:
path_button.removeButton();

isButtonShowing


获取弧形菜单展开状态

path_button.isButtonShowing();
说明:

获取弧形菜单展开状态, 展开:true, 关闭:false

参数:

返回值:
  • result: (Boolean) 如果菜单展开,返回值为true;如果菜单隐藏或者已经移除,返回false。
示例:
path_button.isButtonShowing();  

toggleButton


切换弧形菜单状态

path_button.toggleButton();
说明:

切换弧形菜单状态, 若弧形菜单开启,则关闭; 若弧形菜单关闭,则开启

参数:

返回值:

示例:
path_button.toggleButton();

addListener


点击菜单子button的回调监听

path_button.addListener(pathButtonCallback);
说明:

点击菜单子button的回调监听。

参数:
  • pathButtonCallback:(pathButtonCallback)必选 对当前点击的子button做回调设置
返回值:

无返回值

示例:
path_button.addListener(pathButtonCallback);

pathButtonCallback


点击pathButton视图的回调函数

function pathButtonCallback( index ) {
   alert("点击的是+index");
}
参数:
  • index: ( Number ) 必选 点击pathButton菜单子button的索引值,从0开始。
返回值:

无返回值