floatModule

openFloat hide show close changeState

论坛示例

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

概述

本插件是基于app全局的一个悬浮窗口；

openFloat

打开悬浮窗口

openFloat(params, callback(ret))

params

rect:

  • 类型：JSON对象
  • 描述：(可选项）插件的位置及尺寸
  • 内部字段：
x: 0,                              //（可选项）数字类型；插件左上角的 x 坐标（相对于所属的 Window 或 Frame）；默认值：0
y: 0,                              //（可选项）数字类型；插件左上角的 y 坐标（相对于所属的 Window 或 Frame）；默认值：0
w: 130,                            //（可选项）数字类型；插件的宽度；支持设置'auto'；默认值：默认：'130'
h: 50                             //（可选项）数字类型；插件的高度；支持设置'auto'；默认值：默认：'50'

bg:

  • 类型：字符串
  • 描述：(可选项) 悬浮窗的背景颜色，支持支持rgb、rgba、# img（要求本地路径，如：widget://、fs://）(ios不支持img)
  • 默认值：#ffffff

avatar：

  • 类型：字符串
  • 描述：头像图片的url，支持fs,widget

state:

  • 类型：数字类型
  • 描述：(可选项)播放状态；0为播放，1为暂停
  • 默认：0

avatarSize:

  • 类型：数字类型
  • 描述:(可选项) 头像的大小；如果不写此项，有插件决定根据高度决定大小

margin：

  • 类型：JSON对象
  • 描述：(可选项) 按钮间的间距
firstMargin:    // 数字类型；第一个按钮距离边框的距离； 默认:9
middleMargin:   // 数字类型；第二个按钮距离第一个按钮的距离 默认：居中
thridMargin:    // 数字类型；第三个按钮距离第二个按钮的距离 默认：9

radius:

  • 类型：数字类型
  • 描述：(可选项) 窗口圆角
  • 默认：bg为图片时没有圆角，bg为颜色时值为宽高一半，iOS默认为高的的一半：h/2

callback(ret)

ret:

  • 类型：JSON对象
  • 描述：点击的事件类型；
  • 内部字段：
clickType:  //数字类型；点击的事件类型；取值范围：1(点击头像) 2(点击播放操作) 3(点击暂停操作) 4(点击关闭)

示例代码

var floatModule = api.require('floatModule');
var params = {rect:{x:0,y:0,w:100, h:100}};
floatModule.openFloat(params, function(ret) {
    alert(ret);
});

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

hide

隐藏悬浮窗口

hide();

示例代码

var floatModule = api.require('floatModule');
floatModule.hide()

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

show

显示悬浮窗口

show();

示例代码

var floatModule = api.require('floatModule');
floatModule.show()

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

close

关闭悬浮窗口

close();

示例代码

var floatModule = api.require('floatModule');
floatModule.close()

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

changeState

改变播放状态

changeImage(params);

params

state:

  • 类型：数字
  • 描述：(必选项)播放状态；0为播放，1为暂停

示例代码

var floatModule = api.require('floatModule');
floatModule.changeState({state:1})

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

论坛示例

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

是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24