IOS_OC_滚动视图带点点(使用方便&封装完善)


效果图:


效果图

代码:
创建一个UIView类.h中

//图片数组&frame
-(instancetype)initWithFrame:(CGRect)frame imageNames:(NSArray *)imageNames;
//时间间隔&循环滚动
- (void)scrollWithTimeInterval:(NSTimeInterval)timeInterval;


.m

#import "ZDH_ScrollView.h"
#define SCROLL_WIDTH CGRectGetWidth(_scrollView.frame)
#define SCROLL_HEIGHT CGRectGetHeight(_scrollView.frame)

#pragma mark - interface
@interface ZDH_ScrollView()
{
    UIScrollView *_scrollView;
    UIPageControl *_pageControl;  //-->分页
    NSInteger imageNum;           //-->图片数量
    NSTimer *_timer;              //-->定时器
    NSInteger _currentPage;       //-->当前显示的页数
    NSTimeInterval _timeInterval;//-->时间间隔
}

@end

@implementation ZDH_ScrollView

#pragma mark - 初始化自定义方法
-(instancetype)initWithFrame:(CGRect)frame imageNames:(NSArray *)imageNames{
    self = [super initWithFrame:frame];
    if (self) {
        [self commonInitWithImageNames:imageNames];
        [self commonInitPageControl];
        
        // 剪裁超出范围的视图
        self.clipsToBounds = YES;
        
    }
    return self;
    
}
#pragma mark - 定时器
//根据指定的时间间隔触发定时器实现自动循环滚动
-(void)scrollWithTimeInterval:(NSTimeInterval)timeInterval{
    _timeInterval = timeInterval;
    _timer = [NSTimer scheduledTimerWithTimeInterval:_timeInterval target:self selector:@selector(autoScroll) userInfo:nil repeats:YES];
}

//重新设定定时器的激活时间
-(void)resetTimerFireDate{
    
    NSDate *nDate= [NSDate dateWithTimeIntervalSinceNow:_timeInterval];
    _timer.fireDate = nDate;
    
}

#pragma mark - 系列初始化方法都在这里
//初始化 ImageView 并添加到主视图上
-(void)commonInitWithImageNames:(NSArray *)imageNames{
    
    //获取图片的个数
    imageNum = imageNames.count;
    
    //初始化 滚动视图
    [self commonInitScrollView];
    
    //添加 UIimageView
    for (int i=0; i= imageNum+1) {
        return;
    }
    
    // 根据当前给定的 page 获取相对应的矩形区域(将要显示的区域)
    CGRect visibleRect = CGRectMake(page*SCROLL_WIDTH, 0, SCROLL_WIDTH, SCROLL_HEIGHT);
    
    // 让 scrollView 滑动到指定要显示的区域
    [_scrollView scrollRectToVisible:visibleRect animated:YES];
    
}
// 自动滚动
- (void)autoScroll
{
    
    // 通过设定 UIView 的动画效果实现 offset移动效果
    [UIView animateWithDuration:.5 animations:^{
        [_scrollView setContentOffset:CGPointMake(++_currentPage*SCROLL_WIDTH, _scrollView.contentOffset.y)];
    }];
    
    [self scrollViewDidEndDecelerating:_scrollView];
    
    // 判断当前页计算量大于理论总页数时,重新赋值
    if (_currentPage > imageNum) {
        _currentPage=1;
    }
    
}

#pragma mark - UIScrollViewDelegate
// 当 UIScrollView 滚动后激发该方法
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    // 手动滚动视图后需要重新为定时器设定激活时间
    [self resetTimerFireDate];
    
    // 根据内容 offset 的 x 值计算当前视图的页数
    NSUInteger page = scrollView.contentOffset.x/CGRectGetWidth(self.frame);
    
    // 如果是最左侧视图(显示最后一张图片),scrollView 滚动到倒数第二个视图上(理论中的最后一张图)
    if (page==0) {
        CGRect newRect = CGRectMake(imageNum*CGRectGetWidth(_scrollView.frame), 0, CGRectGetWidth(self.frame), CGRectGetHeight(self.frame));
        
        // 让scrollView 滚动到指定的区域
        [_scrollView scrollRectToVisible:newRect animated:NO];
        
        // 设置 UIPageControl 当前页
        _pageControl.currentPage = imageNum - 1;
        _currentPage = _pageControl.currentPage+1;
        return;
    }
    
    // 如果是最右侧视图(显示第一张图片),scrollView 滚动到第二个视图上(理论中的第一张图)
    else if(page==imageNum+1){
        CGRect newRect = CGRectMake(CGRectGetWidth(_scrollView.frame), 0, CGRectGetWidth(self.frame), CGRectGetHeight(self.frame));
        [_scrollView scrollRectToVisible:newRect animated:NO];
        // 设置 UIPageControl 当前页
        _pageControl.currentPage = 0;
        _currentPage = _pageControl.currentPage+1;
        return;
    }
    
    // 设置 UIPageControl 当前页
    _pageControl.currentPage = page - 1;
    _currentPage = _pageControl.currentPage+1;
    
}



到这里就封装好了,只需要在控制器里面调用就可以了

低能
"
导入头文件
初始化赋值
加到视图上
"
还不明白看Demo

你可能感兴趣的:(IOS_OC_滚动视图带点点(使用方便&封装完善))