uexScrollPicture查看3.0文档

1. 简介

轮播图插件

1.1、说明

轮播图插件,实现图片自动滚动联播

1.2、UI展示

1.3、开源源码

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

1.4、平台版本支持

本插件的所有API默认支持Android4.0+和iOS7.0+操作系统. 有特殊版本要求的API会在文档中额外说明.

1.5、接口有效性

本插件所有API默认在插件版本4.0.0+可用.
在后续版本中新添加的接口会在文档中额外说明.

2.API概览

2.1、方法

createNewScrollPicture //新建一个轮播图

uexScrollPicture.createNewScrollPicture(param)

说明
新建一个轮播图

参数

参数名称	参数类型	是否必选	说明
param	String	是	接口所需数据,形式见下:

var param = {
    interval:,//自动滚动的间隔时间,单位为毫秒,默认3000
    anchor:,//float数对[X,Y] 轮播图的左上角锚点的坐标
    height:,//轮播图高度
    width:,//轮播图宽度
    urls://List<String> 的json字符串
};

各字段含义如下:

名称	类型	是否必选	说明
interval	Number	否	自动滚动的间隔时间,单位为毫秒,默认3000
anchor	Array	否	float数对[X,Y] 轮播图的左上角锚点的坐标,默认[0,0]
height	Number	是	轮播图高度
width	Number	是	轮播图宽度
urls	Array	是	List 的json字符串

返回值:

创建成功返回轮播图对象view,创建失败时返回null

示例

var param={
    interval:2000,
    anchor:["0", "0"],
    height:400,
    width:1080,
    urls:["res://1-1.jpg","res://1-2.jpg","res://1-3.jpg","res://1-4.jpg"]
};
var view1=uexScrollPicture.createNewScrollPicture(JSON.stringify(param));
if(!view1){
    alert("创建轮播图失败");
}

startAutoScroll //开始图片轮播

uexScrollPicture.startAutoScroll(param);

说明
开始图片轮播

参数

var param={
    view://轮播图对象
};

示例

var param={
    view:...//createNewScrollPicture接口返回的对象
};
uexScrollPicture.startAutoScroll(JSON.stringify(param));

stopAutoScroll //停止图片轮播

uexScrollPicture.stopAutoScroll(param)

说明
停止图片轮播

参数

参数名称	参数类型	是否必选	说明
param	String	是	接口所需数据,形式见下:

var param={
    view://轮播图对象
};

示例

var param={
    view:...//createNewScrollPicture接口返回的对象
};
uexScrollPicture.stopAutoScroll(JSON.stringify(param));

removeView //删除view

uexScrollPicture.removeView(param)

说明
删除view

参数

var param={
    view://轮播图对象
};

示例

var param={
    view:...//createNewScrollPicture接口返回的对象
};
uexScrollPicture.removeView(JSON.stringify(param));

2.2、监听方法

onPicItemClick //点击时的监听函数

uexScrollPicture.onPicItemClick(data)

说明点击时的监听函数,onPicItemClick的参数data是String类型

参数

var data={
    index:,//第几个图片被点击,从0开始
    view://轮播图对象
}

示例

window.uexOnload=function(type){

    uexScrollPicture.onPicItemClick=function(data){
        alert(data);
    }

    ...(其他回调或监听)
}

3. 更新历史

iOS

API版本: uexScrollPicture-4.0.0

最近更新时间:2016-6-24

历史发布版本	更新内容

Android

API版本: uexScrollPicture-4.0.0

最近更新时间:2016-6-24

历史发布版本	更新内容

还需要帮助吗? 联系我们

最新更新 8th Jul 2021