floatModule

openFloat show changeState

论坛示例

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

概述

本模块是基于app全局的一个悬浮窗口；

打开悬浮窗口

openFloat(params, callback(ret))

params

rect:

类型：JSON对象
描述：(可选项）模块的位置及尺寸
内部字段：

bg:

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

avatar：

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

state:

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

avatarSize:

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

类型：JSON对象
描述：(可选项) 按钮间的间距

middleMargin:   // 数字类型；第二个按钮距离第一个按钮的距离 默认：居中
thridMargin:    // 数字类型；第三个按钮距离第二个按钮的距离 默认：9

radius:

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

callback(ret)

ret:

类型：JSON对象
描述：点击的事件类型；
内部字段：

示例代码

var floatModule = api.require('floatModule');
floatModule.openFloat(params, function(ret) {
    alert(ret);
});

iOS系统、android系统

可提供的1.0.0及更高版本

hide

隐藏悬浮窗口

hide();

示例代码

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

show

显示悬浮窗口

show();

示例代码


floatModule.show()

可提供的1.0.0及更高版本

close

关闭悬浮窗口

close();

示例代码

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

changeState

改变播放状态

changeImage(params);

params

state:

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

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

可用性

iOS系统、android系统

可提供的1.0.0及更高版本