下载文档

uexTimeMachine
更新时间:2016-04-08

1、 简介

旋转木马动画功能插件

1.1、 业务限制资源规格限制说明

旋转木马功能,打开旋转动画效果,通过api提供的设置旋转动画的数据源,传入数据、图片等资源,制定ui界面,同时并可以快速的完成事件的监听和控制

1.2、UI展示

1.3、开源源码

插件测试用例与源码下载:点击 插件中心至插件详情页 (插件测试用例与插件源码已经提供)

2、API概览

2.1 方法

open 打开旋转动画

uexTimeMachine.open(id,x,y,w,h)
说明:
打开旋转动画
回调 cbOpen
参数:

参数名称 参数类型 是否必选 说明
id Number类型 必选 唯一标识符
x Number类型 必选 x坐标
y Number类型 必选 y坐标
w Number类型 必选 宽度
h Number类型 必选 高度

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+
示例:
见setJsonData的示例

close 关闭旋转动画

uexTimeMachine.close(id)
说明:
关闭旋转动画
参数:

参数名称 参数类型 是否必选 说明
opId Array类型 可选 旋转动画的唯一标识符数组,不传时关闭所有

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+
示例:
见setJsonData的示例

setJsonData 

设置旋转动画的数据源

uexTimeMachine.setJsonData(jsonStr)
说明:
设置旋转动画的数据源
参数:

参数名称 参数类型 是否必选 说明
jsonStr String类型 必选 设置旋转动画的数据源
  1. jsonStr格式为:{"id":"500","data":[{"title":"10","imageUrl":"res://***.png"},{"title":"20","image":"res://***png"}]}
  2. 各字段含义如下:
参数 是否必须 说明
id 唯一标示符
data 数据关键字
imageUrl 图片路径,路径协议详见 CONSTANT 中PathTypes

平台支持:
Android2.2+
iOS6.0+
版本支持:
3.0.0+
示例:

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>旋转木马之Inverted Time Machine功能</title>
  5. <script type="text/javascript">
  6. function pieOpen(){
  7. var x=document.getElementById("aa").value;
  8. var y=document.getElementById("bb").value;
  9. var w=document.getElementById("cc").value;
  10. var h=document.getElementById("dd").value;
  11. uexTimeMachine.open("500",x,y,w,h);
  12. }
  13. function pieOpen1(){
  14. var x=document.getElementById("aa").value;
  15. var y=document.getElementById("bb").value;
  16. var w=document.getElementById("cc").value;
  17. var h=document.getElementById("dd").value;
  18. uexTimeMachine.open("510",x,y,w,h);
  19. }
  20. function pieClose(){
  21. var idarr = ["500","510"];
  22. uexTimeMachine.close(idarr);
  23. }
  24. window.uexOnload = function(){
  25. uexTimeMachine.cbOpen = function(id, dataType, data){
  26. var jsonStr ='{"id":"'+id+'","data":[{"title":"title1","imageUrl":"res://uexTimeMachine_cunhuo.png"},{"title":"title2","imageUrl":"res://uexTimeMachine_daiban.png"}]}';
  27. uexTimeMachine.setJsonData(jsonStr);
  28. }
  29. uexTimeMachine.onItemSelected = function(opId,index){
  30. alert("opId:"+opId+"index:"+index)
  31. }
  32. }
  33. </script>
  34. </head>
  35. <body>
  36. x<input type="text" id="aa" value="300"/>
  37. y<input type="text" id="bb" value="300"/>
  38. w<input type="text" id="cc" value="300"/>
  39. h<input type="text" id="dd" value="300"/>
  40. <input class="btn" type="button" value="打开Time Machine 1" onclick="pieOpen();">
  41. <input class="btn" type="button" value="打开Time Machine 2" onclick="pieOpen1();">
  42. <input class="btn" type="button" value="关闭" onclick="pieClose();">
  43. </body>
  44. </html>

2.2、回调方法

cbOpen 打开旋转动画的回调方法

uexPie.cbOpen(opId,dataType,data)
参数:

参数名称 参数类型 是否必选 说明
opId Number类型 必选 旋转动画的唯一标识符
dataType Number类型 必选 参数类型详见CONSTANT中Callback方法数据类型
data String类型 必选 返回uex.cSuccess或者uex.cFailed,详见CONSTANT中Callbackint类型数据

版本支持:

3.0.0+

2.3、监听方法

onItemSelected 点击item的监听方法

uexTimeMachine.onItemSelected(opId,index)

参数:

参数名称 参数类型 是否必选 说明
opId Number类型 必选 旋转动画的唯一标识符
index Number类型 必选 被选中item的索引值

版本支持:

3.0.0+

3、更新历史

iOS

API版本:uexTimeMachine-3.0.3

最近更新时间:2015-12-26

历史发布版本 更新内容
3.0.3 添加IDE支持
3.0.2 解决uexTimeMachine插件设置页数只为2张以及打开多次无法全部关闭的bug
3.0.1 统一回调方法名,统一回调参数
3.0.0 旋转木马动画功能插件

Android

API版本:uexTimeMachine-3.0.5

最近更新时间:2015-12-07

历史发布版本 更新内容
3.0.5 修复id覆盖关闭不掉的情况,修复传入小数错误的问题
3.0.4 去掉插件中的ActivityGroup,配合引擎升级
3.0.3 修复没有旋转效果问题
3.0.2 修改图片显示不全的问题(后面的图片,右侧有一部分没显示出来)
3.0.1 修改进入子应用时图片不显示的问题
3.0.0 旋转木马动画功能插件