floatModule

来自于:APICloud立即使用

openFloat hide show close changeState

论坛示例

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

概述

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

openFloat

打开悬浮窗口

openFloat(params, callback(ret))

params

rect:

  • 类型:JSON对象
  • 描述:(可选项)模块的位置及尺寸
  • 内部字段:
  1. x: 0, //(可选项)数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认值:0
  2. y: 0, //(可选项)数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认值:0
  3. w: 130, //(可选项)数字类型;模块的宽度;支持设置'auto';默认值:默认:'130'
  4. h: 50 //(可选项)数字类型;模块的高度;支持设置'auto';默认值:默认:'50'

bg:

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

avatar:

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

state:

  • 类型:数字类型
  • 描述:(可选项)播放状态;0为播放,1为暂停
  • 默认:0

avatarSize:

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

margin:

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

radius:

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

callback(ret)

ret:

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

示例代码

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

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

hide

隐藏悬浮窗口

hide();

示例代码

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

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

show

显示悬浮窗口

show();

示例代码

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

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

close

关闭悬浮窗口

close();

示例代码

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

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

changeState

改变播放状态

changeImage(params);

params

state:

  • 类型:数字
  • 描述:(必选项)播放状态;0为播放,1为暂停

示例代码

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

可用性

iOS系统、android系统

可提供的1.0.0及更高版本

论坛示例

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