iOS边练边学--UIScrollView和xib文件实现简单分页+定时器初使用

一、xib文件构成

二、自定义控件类（xib文件与自定义控件类的文件名字相同，并且将xib文件中父类控件的类名改成自定义控件类的名称）

***********自定义控件类需要的属性*************

#import <UIKit/UIKit.h>

@interface ChaosPageView : UIView

/** 图片数据 */
@property(nonatomic,strong) NSArray *images;
/** pageControl的当前页圆点颜色 */
@property(nonatomic,strong) UIColor *currentColor;
/** pageControl的其他页圆点的颜色 */
@property(nonatomic,strong) UIColor *otherColor;
/** 创建分页控件的类方法的声明 */
+(instancetype)pageView;

@end

***********自定义控件类的实现*************

//
//  ChaosPageView.m
//  scrollView分页
//
//  Created by admin on 16/3/9.
//  Copyright © 2016年 admin. All rights reserved.
//

#import "ChaosPageView.h"

@interface ChaosPageView () <UIScrollViewDelegate> // 扩展类

@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;

@end

@implementation ChaosPageView

+(instancetype)pageView
{
    // 从xib中读取控件
    return [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self) owner:nil options:nil] lastObject];
}

#pragma mark - 重写的set方法
-(void)setImages:(NSArray *)images
{
    // 重写set方法一定记住先将变量赋值给成员变量
    _images = images;
    
    // 添加之前先清除
    [self.scrollView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
    
    for (int i = 0; i<images.count; i++) {
        UIImageView *imageView = [[UIImageView alloc] init];
        imageView.image = [UIImage imageNamed:images[i]];
        [self.scrollView addSubview:imageView];
    }
}

-(void)setCurrentColor:(UIColor *)currentColor
{
    // 重写set方法一定记住先将变量赋值给成员变量
    _currentColor = currentColor;
    self.pageControl.currentPageIndicatorTintColor = currentColor;
}

-(void)setOtherColor:(UIColor *)otherColor
{
    // 重写set方法一定记住先将变量赋值给成员变量
    _otherColor = otherColor;
    self.pageControl.pageIndicatorTintColor = otherColor;
}

-(void)layoutSubviews
{
    [super layoutSubviews];
    // 设置scrollView尺寸
    self.scrollView.frame = self.bounds;
    // 获取图片尺寸
    CGFloat imgX = self.scrollView.frame.size.width;
    CGFloat imgY = self.scrollView.frame.size.height;
    // 设置scrollView范围
    self.scrollView.contentSize = CGSizeMake(_images.count * imgX, 0);
    self.scrollView.showsHorizontalScrollIndicator = NO;
    
    // 设置pageControl
    CGFloat pageW = 100;
    CGFloat pageH = 20;
    CGFloat pageX = imgX - pageW;
    CGFloat pageY = imgY - pageH;
    self.pageControl.frame = CGRectMake(pageX, pageY, pageW, pageH);
    
    // 设置每张图片的frame
    for (int i = 0; i < self.scrollView.subviews.count; i++) {
        self.scrollView.subviews[i].frame = CGRectMake(i * imgX, 0, imgX, imgY);
    }
    self.pageControl.numberOfPages = self.images.count;
    self.scrollView.pagingEnabled = YES;
}

#pragma mark - <UIScrollViewDelegate>
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 计算当前页数的方法--用x方向的偏移量除以图片的宽度，结果四舍五入
    // 四舍五入的方法--得到的结果+0.5，然后结果取整
    self.pageControl.currentPage = (int)self.scrollView.contentOffset.x / self.scrollView.frame.size.width + 0.5;
}

@end

三、定时器的使用

*********监听图片的滚动***********