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 = ; 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, );
     self.scrollView.showsHorizontalScrollIndicator = NO;

     // 设置pageControl
     CGFloat pageW = ;
     CGFloat pageH = ;
     CGFloat pageX = imgX - pageW;
     CGFloat pageY = imgY - pageH;
     self.pageControl.frame = CGRectMake(pageX, pageY, pageW, pageH);

     // 设置每张图片的frame
     for (int i = ; i < self.scrollView.subviews.count; i++) {
         self.scrollView.subviews[i].frame = CGRectMake(i * imgX, , 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

三、定时器的使用

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