使用Swift自定义一个供快速搭建的无限循环轮播图组件

CarouselFigureView说明

CarouselFigureView可以理解为是一个自定义的轮播图控件,使用者只需按照使用方法部分走一遍流程即可快速在自己想要的位置添加一个基本的轮播图。
基本轮播图包括的基本内容是:为轮播图设置数据源(数据源是一个图片数组)、默认轮播图中图片是占满整个轮播框、默认轮播图片数量属于整数区间[1,10]、默认轮播方向为从右往左循环播放、默认支持手动循环滑图、默认支持点击事件。

CarouselFigureView使用方法

这里将演示一次在一个新的APP中如何加入CarouselFigureView轮播图。

第一步:创建项目
创建项目

第二步:将CarouselFigureView.swift文件拷贝到项目任意目录下。
拷贝文件至项目中
拷贝后的项目目录

第三步:在storyboard(画板)中拖入一个系统控件UIView作为容纳轮播图的容器(注意:轮播图将铺满这个容器),并将这个UIView定位到你将要显示轮播图的位置。
拖入容器UIView

第四步:将拖入的UIView的类选择为CarouselFigureView,此时,你已经在storyboard中创建了一个轮播图。
设置容器所属类

第五步:在你的主程序中引用这个这个轮播图作为成员对象,并使用该对象的setAndStartUse(……)方法为这个成员对象设置初始值,必须设置的值包括(数据源图片数组、调用者sender是谁、当点击事件触发时响应的Selector函数(这里演示当点击时,使得label显示点击的图片的序号从零开始)),至此一个默认功能的轮播图已经建立,运行程序即可看见效果。
在主程序中创建轮播图的成员对象

设置轮播图基本参数

至此已创建一个基本功能的轮播图
选中前的效果:
效果选中前
选中后的效果:
效果选中后

附上CarouselFigureView.swift源码
项目源码

说明:使用和转载请注上本博客链接……

扫描二维码关注公众号,回复: 10661414 查看本文章
发布了23 篇原创文章 · 获赞 1 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/shenjie_xsj/article/details/79708010