滚动视图的自动循环滚动

最新推荐文章于 2024-10-31 11:04:02 发布

原创最新推荐文章于 2024-10-31 11:04:02 发布 · 466 阅读

CC 4.0 BY-SA版权

本文介绍了一种自定义滚动视图的实现方法，通过继承UIView并利用UIScrollView和UIPageControl来实现图片轮播功能。文章详细展示了如何设置滚动视图内的图片数量、创建滚动视图及页面控制器，并通过代码实现了滚动视图的循环播放。

自定义视图， 继承自UIView
@interface AdScrollView : UIView<UIScrollViewDelegate>
@property (nonatomic, assign) NSInteger numberOfBigImageView;//滚动视图内图片的数量
@property (nonatomic, retain) UIScrollView * scrollView;
@property (nonatomic, retain) UIPageControl * pageControl;
@property (nonatomic, retain) NSMutableArray * bigImageViewArray;//存放滚动视图里的图片,可以通过这个数组找到加在scrollView上的bigImageView
@property (nonatomic, assign) NSInteger count;
@end

在.m文件里使用了一个第三方的类目， self.width相当于self.frame.size.width, 其他的类似
#define kPageControllerWidth 100
#define kPageControllerHeight 30
@implementation AdScrollView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        //创建滚动视图
        self.scrollView = [[[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.width, self.height)] autorelease];
        _scrollView.backgroundColor = [UIColor redColor];
        _scrollView.delegate = self;
        [self addSubview:_scrollView];
        //创建pageControl
        self.pageControl = [[[UIPageControl alloc] initWithFrame:CGRectMake((self.width - kPageControllerWidth)/2, self.height*3/4, kPageControllerWidth, kPageControllerHeight)] autorelease];
        [self addSubview:_pageControl];
    }
    return self;
}
//设置滚动视图上有几张图片
- (void)setNumberOfBigImageView:(NSInteger)number
{
    _numberOfBigImageView = number;
    _scrollView.pagingEnabled = YES;
    self.scrollView.contentSize = CGSizeMake(_scrollView.width * number, _scrollView.height);
    self.bigImageViewArray = [NSMutableArray arrayWithCapacity:1];
    //向滚动视图内添加imageView
    for (int i = 0; i < number; i++) {
        UIImageView * bigImageView = [[[UIImageView alloc] initWithFrame:CGRectMake(_scrollView.width * i, 0, _scrollView.width, _scrollView.height)] autorelease];
        [_scrollView addSubview:bigImageView];
        [_bigImageViewArray addObject:bigImageView];
    }
    _pageControl.numberOfPages = number;
    [_pageControl addTarget:self action:@selector(changePhoto:) forControlEvents:UIControlEventValueChanged];
    _count = 0;
   //设置定时器，实现循环滚动
    [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(loopScroll) userInfo:nil repeats:YES];
    
}

#pragma mark - UIScrollViewDelegate
//视图结束减速时改变page
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    int x = scrollView.contentOffset.x / _scrollView.width;
    _pageControl.currentPage = x;
    _count = x;
}

//点击pageControl改变滚动视图图片
- (void)changePhoto:(UIPageControl *)pageControl
{
    int page = pageControl.currentPage;
    NSLog(@"%d", pageControl.currentPage);
    [_scrollView setContentOffset:CGPointMake(_scrollView.width * page, 0) animated:YES];
    _count = page;
}

//滚动视图的循环滚动
- (void)loopScroll
{
    //NSLog(@"repeat");
    int a = _count % _numberOfBigImageView;
    _pageControl.currentPage = a;
    _count++;
    // NSLog(@"%d", _pageControl.currentPage);
    //[self change];
    //让scrollView随着page改变
    [_scrollView setContentOffset:CGPointMake(_scrollView.width * _pageControl.currentPage, 0) animated:YES];
}

使用方法
    self.adScrollView = [[[AdScrollView alloc] initWithFrame:CGRectMake(0, 0, 320, 138)] autorelease];
    [_adScrollView setNumberOfBigImageView:3];
    [self addSubview:_adScrollView];
效果如下：

[插入]
 使用属性 _adScrollView.bigImageViewArray可以给imageView上添加Image