IOS中的UIScrollView

2019年11月18日 阅读数:23
这篇文章主要向大家介绍IOS中的UIScrollView,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

要引用UIScrollView 首先要遵循UIScrollViewDelegate协议oop

而后重写atom

//1.拖拽方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView;
//2.即将开始拖拽的方法
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
//3.拖拽完毕的方法
-(void)scrollViewDidEndDragging:(UIScrolView *) scrollView willDecelerate:(BOOL)decelerate

下面是一个带轮询展现界面的小案例spa

#import "ViewController.h"

@interface ViewController () <UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;

// 建立一个用来引用计时器对象的属性
@property (nonatomic, strong) NSTimer *timer;

@end

@implementation ViewController

// 实现UIScrollView的滚动方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    
    // 如何计算当前滚动到了第几页?
    // 1. 获取滚动的x方向的偏移值
    CGFloat offsetX = scrollView.contentOffset.x;
    // 用已经偏移了得值, 加上半页的宽度
    offsetX = offsetX + (scrollView.frame.size.width * 0.5);
    
    // 2. 用x方向的偏移的值除以一张图片的宽度(每一页的宽度),取商就是当前滚动到了第几页(索引)
    int page = offsetX / scrollView.frame.size.width;
    
    // 3. 将页码设置给UIPageControl
    self.pageControl.currentPage = page;
    
    //NSLog(@"滚了,要在这里根据当前的滚动来计算当前是第几页。");
}

// 实现即将开始拖拽的方法
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    // 中止计时器
    // 调用invalidate一旦中止计时器, 那么这个计时器就不可再重用了。下次必须从新建立一个新的计时器对象。
    [self.timer invalidate];
    
    // 由于当调用完毕invalidate方法之后, 这个计时器对象就已经废了,没法重用了。因此能够直接将self.timer设置为nil
    self.timer = nil;
}

// 实现拖拽完毕的方法
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{

    // 从新启动一个计时器
    self.timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(scrollImage) userInfo:nil repeats:YES];
    
    // 再次修改一下新建立的timer的优先级
    // 修改self.timer的优先级与控件同样
    // 获取当前的消息循环对象
    NSRunLoop *runLoop = [NSRunLoop currentRunLoop];
    // 改变self.timer对象的优先级
    [runLoop addTimer:self.timer forMode:NSRunLoopCommonModes];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // 动态建立UIImageView添加到UIScrollView中
    
    CGFloat imgW = 300;
    CGFloat imgH = 130;
    CGFloat imgY = 0;
    
    // 1. 循环建立5个UIImageView添加到ScrollView中
    for (int i = 0; i < 5; i++) {
        // 建立一个UIImageView
        UIImageView *imgView = [[UIImageView alloc] init];
        
        // 设置UIImageView中的图片
        NSString *imgName = [NSString stringWithFormat:@"img_%02d", i + 1];
        imgView.image = [UIImage imageNamed:imgName];
        
        // 计算每一个UIImageView在UIScrollView中的x坐标值
        CGFloat imgX = i * imgW;
        // 设置imgView的frame
        imgView.frame = CGRectMake(imgX, imgY, imgW, imgH);
        
        // 把imgView添加到UIScrollView中
        [self.scrollView addSubview:imgView];
    }
    
    
    // 设置UIScrollView的contentSize(内容的实际大小)
    CGFloat maxW = self.scrollView.frame.size.width * 5;
    self.scrollView.contentSize = CGSizeMake(maxW, 0);
    
    
    // 实现UIScrollView的分页效果
    // 当设置容许分页之后, UIScrollView会按照自身的宽度做为一页来进行分页。
    self.scrollView.pagingEnabled = YES;
    
    // 隐藏水平滚动指示器
    self.scrollView.showsHorizontalScrollIndicator = NO;
    
    // 指定UIPageControl的总页数
    self.pageControl.numberOfPages = 5;
    
    // 指定默认是第0页
    self.pageControl.currentPage = 0;
    
    
    // 建立一个"计时器"控件NSTimer控件
    // 经过scheduledTimerWithInterval这个方法建立的计时器控件, 建立好之后自动启动
    self.timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(scrollImage) userInfo:nil repeats:YES];
    
    // 修改self.timer的优先级与控件同样
    // 获取当前的消息循环对象
    NSRunLoop *runLoop = [NSRunLoop currentRunLoop];
    // 改变self.timer对象的优先级
    [runLoop addTimer:self.timer forMode:NSRunLoopCommonModes];
    
//    [self.scrollView bringSubviewToFront:self.pageControl];
    
    
}

// 自动滚动图片的方法
// 由于在建立计时器的时候, 指定了时间间隔是1.0秒,因此下面这个方法每隔一秒钟执行一次
- (void)scrollImage
{
    // 每次执行这个方法的时候, 都要让图片滚动到下一页
    // 如何让UIScrollView滚动到下一页?
    // 1. 获取当前的UIPageControl的页码
    NSInteger page = self.pageControl.currentPage;
    
    // 2. 判断页码是否到了最后一页, 若是到了最后一页, 那么设置页码为0(回到第一页)。若是没有到达最后一页, 则让页码+1
    if (page == self.pageControl.numberOfPages - 1) {
        // 表示已经到达最后一页了
        page = 0; // 回到第一页
    } else {
        page++;
    }
    // 3. 用每页的宽度 * (页码 + 1) == 计算除了下一页的contentOffset.x
    CGFloat offsetX = page * self.scrollView.frame.size.width;
    
    // 4. 设置UIScrollView的contentOffset等于新的偏移的值
    [self.scrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];
    
    
    // 若是图片如今已经滚动到最后一页了, 那么就滚动到第一页
    
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end