你的位置:首页 > 软件开发 > 操作系统 > IOS实现自动循环滚动广告

IOS实现自动循环滚动广告

发布时间:2015-04-16 10:01:18
一、问题分析  在许多App中,我们都会见到循环滚动的视图,比如广告,其实想实现这个功能并不难,用ScrollView就可以轻松完成,但是在制作的过程中还存在几个小问题,如果能够正确的处理好这些小问题,无论从效果还是性能上都会得到优化。问题一  第一个问题是如何用ScrollVi ...
一、问题分析

  在许多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

原标题:IOS实现自动循环滚动广告

关键词:IOS

IOS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。