多页图片（ImageFilpper）

功能说明

该控件多用于页面的banner区，轮播展示图片。

HTML5

<imageflipper id="imageflipper0">
    <imageflipperitem title="春" description="1" src="abc.png"/>
    <imageflipperitem title="夏" description="2" src="efg.png"/>
    <imageflipperitem title="秋" description="3" src="hij.png"/>
    <imageflipperitem title="东" description="4" src="hij.png"/>
</imageflipper>

属性列表

支持公共属性
参见公共属性说明

事件列表

支持公共事件
参见公共事件说明

使用说明
先把画廊控件拖入设计器，通过设置图片集合属性，把需要轮播的图片放在图片集和里，支持自定义的*png格式图片，在当前项目的UI hemesios7designer存放一份，android还需要在drawable目录存放，ios在iphone目录也存放一份图片。把需要的轮播的图片在图片集合里设置好即可，同时也可以设置展示不同图片时，图片显示的标题。

Imageflipper 可以动态加载图片及更改图片信息。

示例

<imageflipper id="imageflipper0" bindfield="imagedetails" onclick="imageclick()" onload="imageload()" flipperbtnvisible="false" autoflip="true" interval="2000" isloop="true">
    <imageflipperitem title="标题" description="" src=""/>
    <imageflipperitem title="标题" description="" src=""/>
    <imageflipperitem title="标题" description="" src=""/>
</imageflipper>

//加载图片
function imageload(sender, args) {
    var context = {
        imagedetails : [{
            src : "bz1.png",
            title : "图片1",
            description : "111用友软件是亚太最大的管理软件公司"
        }, {
            src : "bz2.png",
            title : "图片2",
            description : "222用友软件是亚太最大的管理软件公司"
        }, {
            src : "bz3.png",
            title : "图片3",
            description : "333用友软件是亚太最大的管理软件公司"
        }, {
            src : "bz4.png",
            title : "图片4",
            description : "444用友软件是亚太最大的管理软件公司"
        }, {
            src : "bz5.png",
            title : "图片5",
            description : "555用友移动开发为移动开发发烧而生"
        }]
    };
    $ctx.push(context);
}
//图片点击事件
function imageclick(sender, args) {
    var index = $id("imageflipper0").get("viewindex");
    if (index == "1") {
        $alert("点击了第一个图片");
    } else if (index == "2") {
        $alert("点击了第二个图片");
    } else {
        $alert("点击了图片");
    }
    //更改图片信息
    var ds = $id("imageflipper0").get("datasource"); //获取该控件对应flipperitem的数组
    var src = ds[2]["src"];
    alert("您将修改图片" + src);
    ds[2]["src"] = "bz5.png"; //改变图片
    ds[2]["title"] = "新图片5"; //改变标题
    ds[2]["description"] = "这是一张动态修改后的图片"; //改变描述
    $id("imageflipper0").set("datasource", ds);
}