floatButton

setOnClickListener hidenButton closeButton startAnimation startMove stopMove

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个，示例中包含示例代码供您参考。

概述

floatButton 用原生代码实现了在app内部实现悬浮按钮功能。

固件要求

Android：2.3.1及以上 iOS：7.0及以上

setOnClickListener

悬浮按钮点击事件监听

setOnClickListener(callback(ret))

ret：

• 类型：JSON 对象
• 内部字段：

示例代码

demo.setOnClickListener(function(ret) {
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

openButton

打开悬浮按钮

openButton({params}, callback(ret))

params

rect：

• 类型：JSON 对象
• 描述：（必填项）模块的位置及尺寸
• 内部字段：

{
    x : 0, //（必填项）数字类型；模块左上角的 x 坐标（相对于所属的 Window 或 Frame）；默认值：0
    y : 0,   //（必填项）数字类型；模块左上角的 y 坐标（相对于所属的 Window 或 Frame）；默认值：0
    w : 50, //（必填项）数字类型；悬浮按钮的高度；默认值：50
    h : 50  //（必填项）数字类型；悬浮按钮的高度；默认值：50
}

lineColor：

• 类型：字符串
• 描述：悬浮按钮边框颜色(如：#ff00ff)
• 默认值：透明

btnPic：

• 类型：字符串
• 描述：（可选项）悬浮按钮图标。支持fs:// widget://(支持png,jpg,gif,[备注：安卓设置gif动图时lineColor会失效])

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true,      //布尔型；true
}

示例代码

var demo = api.require('floatButton');
demo.openButton({
    rect : {
        x : 10,
        y : 10,
        w : 30,
        h : 30
    },
    lineColor : '#000000',
    btnPic : 'widget://image/refresh.png'
}, function(ret) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

hidenButton

隐藏悬浮按钮

hidenButton(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
}

示例代码

var demo = api.require('floatButton');
demo.hidenButton(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

可提供的1.0.0及更高版本

showButton

显示悬浮按钮

showButton(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

var demo = api.require('floatButton');
demo.showButton(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

closeButton

关闭悬浮按钮

closeButton(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true      //布尔型；true||false
}

示例代码

demo.closeButton(function(ret, err) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

updateButtonPic

修改悬浮按钮图片

updateButtonPic({params}, callback(ret))

params

btnPic：

• 类型：字符串
• 描述：（可选项）悬浮按钮图标。支持fs:// widget://(支持png,jpg,gif,[备注：安卓设置gif动图时lineColor会失效])

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true,      //布尔型；true||false
}

示例代码

var demo = api.require('floatButton');
demo.updateButtonPic({
    btnPic : 'widget://image/refresh.png'
}, function(ret) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

startAnimation

开启旋转动画

startAnimation(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
}

示例代码

可提供的1.0.0及更高版本

stopAnimation

停止旋转动画

stopAnimation(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true      //布尔型；true||false
}

示例代码

var demo = api.require('floatButton');
demo.stopAnimation(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

startMove

开启移动

startMove(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true      //布尔型；true||false
}

示例代码

var demo = api.require('floatButton');
demo.startMove(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

stopMove

停止移动

stopMove(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true      //布尔型；true||false
}

示例代码

var demo = api.require('floatButton');
demo.stopMove(function(ret) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

setOnCoordinateListener

坐标移动监听

setOnCoordinateListener(callback(ret))

callback(ret)

ret：

• 类型：JSON 对象
• 内部字段：

var demo = api.require('floatButton');
demo.setOnCoordinateListener(function(ret) {
    alert(JSON.stringify(ret));

可用性

Android、iOS系统