UIScrollview制作图片轮播器

UIScrollview 图片轮播器 NSTimer

UIScrollView的使用步骤

• 创建UIScrollView

• 给UIScrollView添加子控件

• 设置UIScrollview的contentSize

UIScrollView不能滚动的几种情况

• 没有设置contentSize

• scrollEnabled = NO

• userInteractionEnabled = NO

bounces: 用于设置UIScrollview是否有回弹效果

alwaysBounceVertical/alwaysBounceHorizontal 

showsHorizontalScrollIndicator/showsVerticalScrollIndicator 

YES显示滚动条/ NO隐藏滚动条

// 是否有弹簧效果 self.scrollView.bounces = NO; // 不管有没有contentSize，都能拥有弹簧效果(一般适用于下拉刷新功能，上拉刷新) self.scrollView.alwaysBounceVertical = YES;   self.scrollView.alwaysBounceHorizontal = YES; // 是否要显示滚动条 self.scrollView.showsHorizontalScrollIndicator = NO; self.scrollView.showsVerticalScrollIndicator = NO;

• 属性: contentOffset

  就是一个相对于内容的左上角为原点，可视内容所需要移动的距离

• 作用: 用于设置内容的滚动偏移位计算公式: 移动的距离 = "控件的左上角" - "内容的左上角"

setContentOffset:<#(CGPoint)#> animated:<#(BOOL)#>//带动画 

• 属性 contentInset (多加了一些边框增加额外范围)

• 作用: 在contentSize周围添加额外的滚动区域

• 应用场景: 避免UIScrollview中的内容被遮挡

如何监听一个控件

首先需要查看该控件的头文件, 看它继承于谁,如果继承于UIControl, 那么就可以通过addTarget来监听,如果不是继承于UIControl, 那么就必须通过代理来监听

代理

• 使用代理的步骤:

  • 遵守代理协议

  • 实现代理方法

  • 将遵守了协议的对象设置为代理

• 代理的规律:

  • 代理名称的规律:

    协议名称以类名开头, 后面跟上Delegate

  • 代理方法名称的规律

    方法名称以类名去掉前缀开头, 并且谁触发这个方法就将谁传递出去

  • 代理属性一般是id

代理的应用场景

1.当A对象想监听B对象的变化时, 就可以使用代理, 让A成为B的代理2.当B对象想通知A对象的时候, 就可以使用代理, 让A成为B的代理

如何监听UIScrollview停止滚动

@property(nonatomic,assign) id<UIScrollViewDelegate>       delegate; // default nil. weak reference scrollView的代理属性,需要遵守 UIScrollViewDelegate 协议 @interface ViewController ()  <UIScrollViewDelegate> @end//遵守协议一般最好写在.m中的匿名类中 self.scorllView.delegate = self//ViewController   //scrollViewDidEndDragging //只要用户松手就会调用停止拖拽并不代表停止滚动, 也就是说UIScrollView滚动是有惯性的 - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate(减速){  // 1.判断是否有惯性, 如果没有惯性手动调用scrollViewDidEndDecelerating告知已经完全停止滚动    if (decelerate == NO) {         [self scrollViewDidEndDecelerating:scrollView];     }  }

scrollViewDidEndDecelerating(停住不动)只要UIScrollview有惯性就会调用, 如果没有惯性就不会调用

想要监听UIScrollview停止滚动必须同时实现这两个方法只要UIScrollView即将开始拖拽时调用

//UIScrollView滚动时调用, (调用频率非常高, 只要滚一下就会调用一次)  1. (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView  2. (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;  3. (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {     NSLog(@"%s = %d", __func__, decelerate);       // 1.判断是否有惯性, 如果没有惯性手动调用scrollViewDidEndDecelerating告知已经完全停止滚动     if (decelerate == NO) {         [self scrollViewDidEndDecelerating:scrollView];     } }   4. (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {     NSLog(@"%s", __func__);     NSLog(@"停止滚动”);      self.iv.alpha = 1.0; }

UIScrollview缩放

步骤:

1. 成为UIScrollview的代理, 通过代理方法告诉UIScrollview要缩放哪一个子控件<UIScrollViewDeledate> 设置子控件最大和最小的缩放比例

注意

只要子控件的contentSize小于UIScrollview的宽高时才需要缩放

第一种

// 1.判断contentSize的宽高, 是否小于UIScrollView的frame的sizeif (scrollView.contentSize.width < scrollView.bounds.size.width) {

self.iv1.center = CGPointMake(scrollView.bounds.size.width * 0.5, scrollView.bounds.size.height * 0.5); }     if (scrollView.contentSize.height < scrollView.bounds.size.height) {         self.iv1.center = CGPointMake(scrollView.bounds.size.width * 0.5, scrollView.bounds.size.height * 0.5);     }    

第二种

// 1.判断contentSize的宽高, 是否小于UIScrollView的frame的size if (scrollView.contentSize.width < scrollView.bounds.size.width) {                 // 计算X的值         CGFloat x =  (scrollView.contentSize.width * 0.5) + ((scrollView.bounds.size.width - scrollView.contentSize.width) * 0.5);                 // 重新设置center         self.iv1.center = CGPointMake(x, self.iv1.center.y); }     if (scrollView.contentSize.height < scrollView.bounds.size.height) {                 // 计算Y的值         CGFloat y =  (scrollView.contentSize.height * 0.5) + ((scrollView.bounds.size.height - scrollView.contentSize.height) * 0.5);                 // 重新设置center         self.iv1.center = CGPointMake(self.iv1.center.x, y);     }

第三种

CGFloat x = scrollView.contentSize.width < scrollView.bounds.size.width ? (scrollView.bounds.size.width - scrollView.contentSize.width) * 0.5 : 0.0;  CGFloat y = scrollView.contentSize.height < scrollView.bounds.size.height ? (scrollView.bounds.size.height - scrollView.contentSize.height) * 0.5 : 0.0;  self.iv1.center = CGPointMake(scrollView.contentSize.width * 0.5 + x, scrollView.contentSize.height * 0.5 + y);

图片轮播器

• 如何分页 : pagingEnabled = YES

• 分页的原理: 是根据UIScrollview的宽度或者高度来分页UIPageControl

• numberOfPages : 设置总页码 currentPage: 设置当前页码 pageIndicatorTintColor:设置其它页码的颜色 currentPageIndicatorTintColor : 设置当前页码的颜色 自定义页码

利用KVC给UIPageControl设置页码图片

    [pageControl setValue:[UIImage imageNamed:@"current"] forKeyPath:@"_currentPageImage"];      [pageControl setValue:[UIImage imageNamed:@"other"] forKeyPath:@"_pageImage"]; 

监听UIPageControl的点击由于UIPageControl继承于UIControl, 所以通过addTargt来监听

[pageControl addTarget:self action:@selector(nextPage) forControlEvents:UIControlEventValueChanged]; 

切换页码

滚动完毕之后再切换

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {     // 判断是否有惯性, 如果没有就手动调用scrollViewDidEndDecelerating     if (NO == decelerate) {     [self scrollViewDidEndDecelerating:scrollView];     } } // 只有有惯性才会调用 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {     // 1.动态计算当前的页码 // 页码 = UIScrollView的偏移位 / UIScrollView的宽度     int page = scrollView.contentOffset.x / scrollView.bounds.size.width;     NSLog(@"page = %d", page);     // 2.设置当前的页码     self.pageControl.currentPage = page; }  实时切换 // 只要滚动就会调用 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { //    NSLog(@"%s", __func__); // 1.动态计算当前的页码 // 页码 = UIScrollView的偏移位 / UIScrollView的宽度      CGFloat page = scrollView.contentOffset.x / scrollView.bounds.size.width;         NSLog(@"page = %f", page + 0.5);     // 2.设置当前的页码     self.pageControl.currentPage = (int)(page + 0.5); }

NSTimer

如何暂停和启动定时器

@property (nonatomic, weak) NSTimer *timer; //暂停定时器  [self.timer setFireDate:[NSDate distantFuture]];  // 设置timer的开始时间为 遥远的未来 4001 //    NSLog(@"%@", [NSDate distantFuture]);

开启定时器

// 设置定时器的开始时间为过去的某一个时间, 也就意味着立刻开始 //    [self.timer setFireDate:[NSDate distantPast]]; // 设置定时器从当前时间之后两秒才开始执行 [self.timer setFireDate:[NSDate dateWithTimeIntervalSinceNow:2.0]]; // 返回一个自动开始执行任务的定时器 self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage:) userInfo:@"123" repeats:YES];  // 修改NSTimer在NSRunLoop中的模式：NSRunLoopCommonModes // 主线程不管在处理什么操作，都会抽时间处理NSTimer [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];

关闭定时器

[self.timer invalidate]; 

封装

设置背景颜色,在storyBoard中不显示 ,运行就显示监听scrollView各种行为的3大步骤（比如让控制器监听scrollView的行为）

@interface 控制器 () <UIScrollViewDelegate>  @end 

控制器要实现UIScrollViewDelegate协议里面的代理方法

#pragma mark - <UIScrollViewDelegate> 

代理方法

/** 只要scrollView在滚动，就会调用这个方法（监听scrollView的滚动)*/  - (void)scrollViewDidScroll:(UIScrollView *)scrollView {     NSLog(@"scrollViewDidScroll"); }

代理使用的一般规律

• 作用：用来监听控件的某些行为 代理：是控制器对象 代理：是id类型，并且是弱指针

• 代理协议的格式：控件类名Delegate，比如UIScrollViewDelegate、UITextFieldDelegate

• 代理方法：方法名一般是控件名开头，比如UIScrollView的代理方法一般以scrollView开头

如何监听控件的行为

通过addTarget:

UITextField *tf = [[UITextField alloc] init];  [tf adction:@selector(textChange:) forControlEvents:UIControlEventEditingChanged] ;  - (void)textChange:(UITextField *)tf {     NSLog(@"textChange- %@", tf.text); }

UIControlEventTouchUpInside //: 点击事件（UIButton） UIControlEventValueChanged //: 值改变事件（UISwitch、UISegmentControl、UISlider） UIControlEventEditingChanged //: 文字改变事件（UITextField）