UIScrollView,UIPageControl,UIImageView 实现图片轮播的效果

转载,来自:http://www.cnblogs.com/imzzk/p/uiscrollview_uiimageview.html

上一篇博客介绍了如何将XCode创立的项目提交到Git版本控制,这次就直接做一个图片轮播的展示demo,刚好可以把UIScrollView、UIPageControl、UIImageView这三个控件讲解分析一下。先上效果,这样比较直观。

mxcp02115141-dee8b49913334f4db367bd1f28d67b28

从图中可以看到这个界面是由UIImageView 和 UITableView 组合而成。在这里UITableView的内容不作为本次讲解的重点,如果对UITableView的使用有疑问的,可以留言给我。下面就进入正题,在头文件创建几个变量。

下面在.m文件中创建这些声明变量

下面是实现loadScrollViewPage的方法,因为这里用到了定时器的自动滚动,所以在viewDidLoad里面把所有的图片都自动装载进去了。

接下来的工作就是要实现UIScrollView的委托方法,实现横向滚动来切换到下一图片,以及UIPageControl 切换图片的方法,先看看scrollViewDidEndDecelerating的方法声明吧。

然后就是UIPageControl的changePage 方法。

最后的任务就是要完成在viewDidLoad里面对NSTimer声明的切换图片的方法。

以上就是实现效果图中所需要的代码了。制作这个demo的时候参照了SDK里面的PageControl的代码,然后自己动手加工完成的。

参考文献:

https://developer.apple.com/library/ios/#samplecode/PageControl/Introduction/Intro.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注