3D图片轮播
CoverFlow 功能,封装的HTML5代码片段,通过配合的样式和JS对象 ,使开发者在界面中可以快速引用,并可以快速的完成按键事件的监听和控制.
插件测试用例与源码下载:点击插件中心至插件详情页 (插件测试用例与插件源码已经提供)
本插件的所有API默认支持Android4.0+和iOS7.0+操作系统.
有特殊版本要求的API会在文档中额外说明.
本插件所有API默认在插件版本4.0.0+可用.
在后续版本中新添加的接口会在文档中额外说明.
create //打开视图,创建视图对象
uexCoverFlow2.create(params)
说明:
打开视图,创建视图对象
参数:
参数名称 | 参数类型 | 是否必选 | 说明 |
---|---|---|---|
params | String | 是 | 接口所需数据,形式见下: |
var params = {
x: ,
y: ,
width: ,
height: ,
isScrollWithWeb: ,
placeholderImage: ,
imageUrl:[]
};
各字段含义如下:
参数名称 | 参数类型 | 是否必选 | 说明 |
---|---|---|---|
x | Number | 是 | x坐标 |
y | Number | 是 | y坐标 |
width | Number | 是 | 宽 |
height | Number | 是 | 高 |
isScrollWithWeb | bool | 否 | 是否随网页滚动,默认为false |
placeholderImage | String | 是 | 默认图片路径,图片路径支持 wgt:// wgts:// res:// file:// 路径协议详见CONSTANT中PathTypes |
imageUrl | Array | 是 | 网络路径 |
返回值:
返回视图对象 创建失败时返回null
示例:
var params = {
x: 0,
y: 150,
width: screen.availWidth,
height: 200,
isScrollWithWeb: true,
placeholderImage: "res://uexCoverFlow2_tupian.png",
imageUrl: [
"http://img3.duitang.com/uploads/item/201411/08/20141108002929_dV5Ba.thumb.700_0.jpeg",
"http://82238.com/uploads/allimg/110519/2-110519130404.jpg",
"http://www.qqhead.com/UploadFiles/2010-04/2010458740103062.gif",
"http://a4.att.hudong.com/06/63/01300001216886130487639263274.jpg"
]
};
var coverFlow = uexCoverFlow2.create(JSON.stringify(params));
close //关闭视图
uexCoverFlow2.close(coverFlow)
说明:
关闭视图
参数:
参数名称 | 参数类型 | 是否必选 | 说明 |
---|---|---|---|
coverFlow | Object | 否 | 由create接口创建的视图对象,不传关闭所有视图对象 |
示例:
uexCoverFlow2.close(coverFlow);
onItemSelected //点击item的监听方法
uexCoverFlow2.onItemSelected(coverFlow,index)
说明: 点击item的监听方法
参数:
参数名称 | 参数类型 | 是否必选 | 说明 |
---|---|---|---|
coverFlow | Object | 必选 | 由create接口创建的视图对象 |
index | Number类型 | 必选 | 索引 |
示例:
window.uexOnload = function(){
uexCoverFlow2.onItemSelected = function(coverFlow, index){
alert("coverFlow:" + coverFlow + "index:" + index)
}
}
API版本: uexCoverFlow2-4.0.0
最近更新时间:2016-8-02
历史发布版本 | 更新内容 |
---|---|
API版本: uexCoverFlow2-4.0.0
最近更新时间:2016-8-02
历史发布版本 | 更新内容 |
---|---|