IOS实现自动循环动广告--ScrollView的优化和封装(烟台杰瑞教育IOS培训部原创).docxVIP

烟台杰瑞教育科技有限公司(IOS 开发培训部) 版权所有 杰瑞教育() 专注IT技能培训 打造一流人才服务平台 IOS实现自动循环滚动广告--ScrollView的优化和封装 一、问题分析在许多App中，我们都会见到循环滚动的视图，比如广告，其实想实现这个功能并不难，用ScrollView就可以轻松完成，但是在制作的过程中还存在几个小问题，如果能够正确的处理好这些小问题，无论从效果还是性能上都会得到优化。 问题一 第一个问题是如何用ScrollView来展示N个视图。想要实现这个效果，可以把N个视图依次按顺序添加到ScrollView上，然后把 ScrollView的contentSize设置为N个视图的尺寸，通过滑动ScrollView来查看加在上面的视图。 问题二 第二个问题是如何完成图片的循环滚动，也就是展示完最后一张之后会接着展示第一张，形成图片的循环展示。想要实现这个效果，首先需要让ScrollView实现自动分页，这样可以保证滑动结束展示的是完整的视图；其次，需要根据当前展示的页数来设置ScrollView的contentOffset。 对于第一个问题的解决是用的最简单的方式，但实际上忽略了一个很重要的问题，那就是如果要展示的视图数量N非常大的时候，我们该如何做呢？假设通过ScrollView来展示的每个视图的宽度恰好是屏幕的宽度，那么在展示的时候，其实能够呈现在我们眼前的最多只有两个视图，也就是要么是完整的一个视图，要么是两个不完整的视图。因此，我们只需要有三个视图，就能够完成循环的展示。 问题三 第三个问题是在循环滚动的过程中，希望知道当前的页数，这个页数可以通过contentOffset.x来计算，通常会用UIPageControl来表示。此外，当点击某一个视图的时候，要能够知道当前点击的视图是哪一个。 问题四 第四个问题是自动展示下一页的功能，这个需要写好跳到下一页的方法，然后通过NSTimer定时器来完成。 除了上面的几个问题，大家也可以为其添加更多的功能。那么对于ScrollView自动翻页这样通用的功能，最好的方式是将其封装起来，这样可以大大的提高效率。下面的代码是把UIScrollView、UIPageControl封装到了一个UIView中，而其中的ScrollView用来循环展示多张图片。 二、功能实现1、封装Scrollview代码.h： // WHScrollAndPageView.h // 循环滚动视图 // // Created by jereh on 15-3-15. // Copyright (c) 2015年 jereh. All rights reserved. // #import UIKit/UIKit.h @protocol WHcrollViewViewDelegate; @interface WHScrollAndPageView : UIView UIScrollViewDelegate { __unsafe_unretained id WHcrollViewViewDelegate _delegate; } @property (nonatomic, assign) id WHcrollViewViewDelegate delegate; @property (nonatomic, assign) NSInteger currentPage; @property (nonatomic, strong) NSMutableArray *imageViewAry; @property (nonatomic, readonly) UIScrollView *scrollView; @property (nonatomic, readonly) UIPageControl *pageControl; -(void)shouldAutoShow:(BOOL)shouldStart; @end @protocol WHcrollViewViewDelegate NSObject @optional - (void)didClickPage:(WHScrollAndPageView *)view atIndex:(NSInteger)index; @end 2、封装Scrollview代码.m: // WHScrollAndPageView.m // 循环滚动视图 // // Created by jereh on 15-3-15. // Copyright (c) 2015年 jereh. All rights reserved. // #import WHScrollA