floatModule

来自于：APICloud立即使用

• 方法

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及更高版本

论坛示例

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