floatButton

论坛示例

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

概述

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

固件要求

Android:2.3.1及以上 iOS:7.0及以上

setOnClickListener

悬浮按钮点击事件监听

setOnClickListener(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true
}

示例代码

var demo = api.require('floatButton');
demo.setOnClickListener(function(ret) {
    api.alert({msg: JSON.stringify(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会失效])

isRound:

  • 类型:布尔型
  • 描述:按钮是否进行圆形处理(true:圆形处理 false:不进行圆形处理)
  • 默认值:true

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) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

hidenButton

隐藏悬浮按钮

hidenButton(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

示例代码

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

可用性

Android、iOS系统

可提供的1.0.0及更高版本

showButton

显示悬浮按钮

showButton(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

示例代码

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

可用性

Android、iOS系统

可提供的1.0.0及更高版本

closeButton

关闭悬浮按钮

closeButton(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

示例代码

var demo = api.require('floatButton');
demo.closeButton(function(ret, err) {
    api.alert({msg: 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) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

startAnimation

开启旋转动画

startAnimation(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

示例代码

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

可用性

Android、iOS系统

可提供的1.0.0及更高版本

stopAnimation

停止旋转动画

stopAnimation(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true      //布尔型;true||false
}

示例代码

var demo = api.require('floatButton');
demo.stopAnimation(function(ret) {
    api.alert({msg: 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) {
    api.alert({msg: 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) {
    api.alert({msg: JSON.stringify(ret)});
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

setOnCoordinateListener

坐标移动监听

setOnCoordinateListener(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    x: 0,
    y: 0
}

示例代码

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

可用性

Android、iOS系统

可提供的1.0.0及更高版本

是否仍需要帮助? 请保持联络!
最后更新于 2024/12/2