关于ivx中自制轮播页展示效果的经验总结

最近在学习ivx的过程中使用了很多拓展组件中已经封装好的组件，这些组件的功能都是案例中经常用到的，使用起来也十分方便。但是封装好之后对样式的修改就收到了一定程度的限制，所以今天来说一下如何自制一个自己的轮播图，这里先以一个demo为例吧。

1.用一位数组保存要展示的图片资源
既然是轮播图自然要有展示的图片，这个demo是吧图片放在了一个一位数组之中。同时添加一个数值变量–当前序号，他就是代表当前展示的是四张图片里的哪一张图片。

2.图片展示部分
然后就是图片的展示部分，中间的是图片组件，左右两个图标则是用于切换展示图片的。

图片组件的资源地址数据绑定了一维数组中的某一个元素，而这个元素会随着当前序号这个变量的值改变而改变。一维数组中有四张图片的序号从0开始分别是0,1,2,3，比如当前序号等于0时，图片组件就会显示的是一位数组中序号为0的第一张图片。

3.图片的轮播
demo中图片的轮播是靠左右两个箭头实现的。点击右箭头当前序号+1，就会展示一位数组中的下一张图片。这里要注意一下边界的处理，因为当你展示到第四张图片时当前序号已经是3了，点击右箭头后再+1就会变成4，而此时一维数组中没有序为4的第五个图片元素，所以我们要把当前序号重新置为0，从头开始展示（一位数组序号从0开始，0,1,2···，n-1，元素个数就是n，所以当序号等于n就可以判定超界）。
左箭头的事件是同一个道理，点击一次当前序号减1，展示一位数组中的前一张图片，等展示到序号为0的第一张图片