UIScrollView实现自动循环滚动广告
实现效果如下:
功能说明:
程序运行,图片自动循环播放,采用定时器实现;
当用户用手势触摸滑动时,定时器的自动播放取消,停止触摸时,自动无限播放;
代码如下 :
采用封装视图,外部进行调用即可:
1.//
// PSScrollVIew.h
// ScrollView实现自动循环滚动广告
//
// Created by mac1 on 15/9/30.
// Copyright (c) 2015年 www.iphonetrain.com. All rights reserved.
//
#import <UIKit/UIKit.h>
//定义协议
@protocol PSScrollViewViewDelegate <NSObject>
- (void)didClickPage:(id)view atIndex:(NSInteger)index;
@end
@interface PSScrollVIew : UIView<UIScrollViewDelegate>
@property (nonatomic,strong)id<PSScrollViewViewDelegate> 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
2.
//
// PSScrollVIew.m
// ScrollView实现自动循环滚动广告
//
// Created by mac1 on 15/9/30.
// Copyright (c) 2015年 www.iphonetrain.com. All rights reserved.
//
#import "PSScrollVIew.h"
//延展
@interface PSScrollVIew ()
{
UIView *_firstView;
UIView *_middleView;
UIView *_lastView;
float _viewWidth;
float _viewHeight;
NSTimer *_autoScrollTimer;
//点击手势
UITapGestureRecognizer *_tap;
}
@end
@implementation PSScrollVIew
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
_viewWidth = self.bounds.size.width;
_viewHeight = self.bounds.size.height;
//设置scrollview
_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, _viewWidth, _viewHeight)];
_scrollView.delegate = self;
_scrollView.contentSize = CGSizeMake(_viewWidth * 3, _viewHeight);
_scrollView.showsHorizontalScrollIndicator = NO;
_scrollView.pagingEnabled = YES;
_scrollView.backgroundColor = [UIColor blackColor];
_scrollView.delegate = self;
[self addSubview:_scrollView];
//设置分页
_pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, _viewHeight-30, _viewWidth, 30)];
_pageControl.userInteractionEnabled = NO;
_pageControl.currentPageIndicatorTintColor = [UIColor redColor];
_pageControl.pageIndicatorTintColor = [UIColor whiteColor];
[self addSubview:_pageControl];
//设置单击手势
_tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(handleTap:)];
_tap.numberOfTapsRequired = 1;
_tap.numberOfTouchesRequired = 1;
[_scrollView addGestureRecognizer:_tap];
}
return self;
}
#pragma mark 单击手势
-(void)handleTap:(UITapGestureRecognizer*)sender
{
if ([_delegate respondsToSelector:@selector(didClickPage:atIndex:)]) {
[_delegate didClickPage:self atIndex:_currentPage+1];
}
}
#pragma mark 设置imageViewAry
-(void)setImageViewAry:(NSMutableArray *)imageViewAry
{
if (imageViewAry) {
_imageViewAry = imageViewAry;
_currentPage = 0; //默认为第0页
_pageControl.numberOfPages = _imageViewAry.count;
}
[self reloadData];
}
#pragma mark 刷新view页面
-(void)reloadData
{
[_firstView removeFromSuperview];
[_middleView removeFromSuperview];
[_lastView removeFromSuperview];
//从数组中取到对应的图片view加到已定义的三个view中
if (_currentPage==0) {
_firstView = [_imageViewAry lastObject];
_middleView = [_imageViewAry objectAtIndex:_currentPage];
_lastView = [_imageViewAry objectAtIndex:_currentPage+1];
}
else if (_currentPage == _imageViewAry.count-1)
{
_firstView = [_imageViewAry objectAtIndex:_currentPage-1];
_middleView = [_imageViewAry objectAtIndex:_currentPage];
_lastView = [_imageViewAry firstObject];
}
else
{
_firstView = [_imageViewAry objectAtIndex:_currentPage-1];
_middleView = [_imageViewAry objectAtIndex:_currentPage];
_lastView = [_imageViewAry objectAtIndex:_currentPage+1];
}
//设置三个view的frame，加到scrollview上
_firstView.frame = CGRectMake(0, 0, _viewWidth, _viewHeight);
_middleView.frame = CGRectMake(_viewWidth, 0, _viewWidth, _viewHeight);
_lastView.frame = CGRectMake(_viewWidth*2, 0, _viewWidth, _viewHeight);
[_scrollView addSubview:_firstView];
[_scrollView addSubview:_middleView];
[_scrollView addSubview:_lastView];
//设置当前的分页
_pageControl.currentPage = _currentPage;
//显示中间页
_scrollView.contentOffset = CGPointMake(_viewWidth, 0);
}
#pragma mark scrollvie停止滑动
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
//手动滑动时候暂停自动替换
[_autoScrollTimer invalidate];
_autoScrollTimer = nil;
_autoScrollTimer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(autoShowNextImage) userInfo:nil repeats:YES];
//得到当前页数
float x = _scrollView.contentOffset.x;
//往前翻
if (x<=0) {
if (_currentPage-1<0) {
_currentPage = _imageViewAry.count-1;
}else{
_currentPage --;
}
}
//往后翻
if (x>=_viewWidth*2) {
if (_currentPage==_imageViewAry.count-1) {
_currentPage = 0;
}else{
_currentPage ++;
}
}
[self reloadData];
}
#pragma mark 自动滚动
-(void)shouldAutoShow:(BOOL)shouldStart
{
if (shouldStart) //开启自动翻页
{
if (!_autoScrollTimer) {
//开启定时器
_autoScrollTimer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(autoShowNextImage) userInfo:nil repeats:YES];
}
}
else //关闭自动翻页
{
if (_autoScrollTimer.isValid) {
//关闭定时器
[_autoScrollTimer invalidate];
_autoScrollTimer = nil;
}
}
}
#pragma mark 展示下一页
-(void)autoShowNextImage
{
if (_currentPage == _imageViewAry.count-1) {
_currentPage = 0;
}else{
_currentPage ++;
}
[self reloadData];
}
@end
3.
外部调用:
//
// ViewController.m
// ScrollView实现自动循环滚动广告
//
// Created by mac1 on 15/9/30.
// Copyright (c) 2015年 www.iphonetrain.com. All rights reserved.
//
#import "ViewController.h"
#import "PSScrollVIew.h"
@interface ViewController ()
@end
#define NUM 4
@interface ViewController ()<PSScrollViewViewDelegate>
{
PSScrollVIew *_whView;
}
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
//创建view （view中包含UIScrollView、UIPageControl，设置frame）
_whView = [[PSScrollVIew alloc] initWithFrame:CGRectMake(10, 44, 300, 480)];
//把N张图片放到imageview上
NSMutableArray *tempAry = [NSMutableArray array];
for (int i=1; i<NUM; i++) {
UIImageView *imageView = [[UIImageView alloc] init];
imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%i.jpg",i]];
[tempAry addObject:imageView];
}
//把imageView数组存到whView里
[_whView setImageViewAry:tempAry];
//把图片展示的view加到当前页面
[self.view addSubview:_whView];
//开启自动翻页
[_whView shouldAutoShow:YES];
//遵守协议
_whView.delegate = self;
}
#pragma mark 协议里面方法，点击某一页
-(void)didClickPage:(PSScrollVIew *)view atIndex:(NSInteger)index
{
NSLog(@"点击了第%li页",index);
}
#pragma mark 界面消失的时候，停止自动滚动
-(void)viewDidDisappear:(BOOL)animated
{
[_whView shouldAutoShow:NO];
}
@end
这个小Demo也是参照了别人的博客写的,如有雷同,纯属学习!!!
