AppCan文档中心-uexLoadingView
 
下载文档

uexLoadingView
更新时间:2016-08-31

1、简介

加载视图的动画

1.1、说明

实现了加载视图的动画效果,提供了两种加载的视图动画样式,用户可以自定义View的颜色以及加载点个数。

1.2、UI展示

1.3、开源源码

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

2、API概览

2.1、方法

open 打开loading

uexLoadingView.open(params)

说明:

打开loading

参数

参数名称 参数类型 是否必选 说明
params String json 格式的字符串数组,如下
  1. {
  2. "x":,
  3. "y":,
  4. "w":,
  5. "h":,
  6. "style": {
  7. "styleId":,
  8. "pointNum":,
  9. "pointColor": [
  10. "#ffffff"
  11. ]
  12. }
  13. }

各字段含义如下:

字段名称 类型 是否必选 说明
x Number x坐标
y Number y坐标
w Number 宽(宽度需要跟圆点数量相适应,太短会显示不完整)
h Number
style Object 圆点样式关键字
styleId Number loading的样式,取值为0或1,0-大小渐变样式;1-颜色渐变样式.
pointNum Number 圆点的数量
pointColor Array 颜色数组,数组个数为1或者等于圆点的数量

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. var params = {
  2. "x":w,
  3. "y":h,
  4. "w":300,
  5. "h":40,
  6. "style":
  7. {
  8. "styleId":0,
  9. "pointNum":4,
  10. "pointColor":["#ff4444", "#ffbb33", "#99cc00", "#33b5e5"]
  11. }
  12. };
  13. uexLoadingView.open(JSON.stringify(params));

openCircleLoading 打开带有圆形加载动画的loading view.

uexLoadingView.openCircleLoading()

说明:

打开带有圆形加载动画的loading view. 同是会显示遮罩层。

参数

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.5+
iOS 3.0.0+

示例:

  1. uexLoadingView.openCircleLoading();

close 关闭Loading

uexLoadingView.close()

说明:

关闭Loading

参数

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. uexLoadingView.close();

3、更新历史

iOS

API版本:uexLoadingView-3.0.4

最近更新时间:2016-1-5

历史发布版本 更新内容
3.0.4 新增openCircleLoading接口
3.0.3 uexLoadingView插件,修改open接口
3.0.2 修改配置文件
3.0.1 适配iOS5的版本
3.0.0 uexLoadingView插件

Android

API版本:uexLoadingView-3.0.6

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

历史发布版本 更新内容
3.0.6 解决空指针报错问题
3.0.5 添加圆形loading 动画效果
3.0.4 去掉插件中的ActivityGroup,配合引擎升级
3.0.3 修改open接口
3.0.2 修复第二次打开界面空指针问题
3.0.1 clean函数中调用close方法
3.0.0 uexLoadingView插件