floatModule

来自于:APICloud立即使用

概述

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

openFloat

打开悬浮窗口

openFloat(params, callback(ret))

params

rect:

  • 类型:JSON对象
  • 描述:(可选项)模块的位置及尺寸
  • 内部字段:
x: 0,                              //(可选项)数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认值:0
y: 0,                              //(可选项)数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认值:0
w: 130,                            //(可选项)数字类型;模块的宽度;默认值:默认:'130'
h: 50                             //(可选项)数字类型;模块的高度;默认值:默认:'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

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