iOS UIScrollView详解

一、基础使用

1、UIScrollView是iOS开发中常用的视图控件，用于展示滚动的内容。

2、UIScrollView是一个容器视图，可以增加其他视图作为子视图。常见的子视图包括UILabel，UIImageView，UIButton等。

3、基本使用方法：

UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
scrollView.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height * 2);
[self.view addSubview:scrollView];

其中，contentSize是设置UIScrollView可滚动区域大小，默认情况下，UIScrollView仅能滑动超过其边界的子视图部分，若要完全滚动子视图，需要先设置contentSize属性。

二、滚动控制

1、UIScrollView滚动有以下几个属性可供设置：

contentOffset：表示UIScrollView当前滚动的偏移量，有两种设置方式：

//方式一：设置滚动到指定位置
[scrollView setContentOffset:CGPointMake(0, self.view.frame.size.height) animated:YES];

//方式二：设置滚动增量
CGPoint offset = scrollView.contentOffset;
offset.y += 10;
[scrollView setContentOffset:offset animated:YES];

contentInset：表示UIScrollView的内边距大小，在UIScrollView展示内容时，滚动区域会自动适应内容大小，如果想增加滚动区域的大小，可以使用contentInset属性。

scrollView.contentInset = UIEdgeInsetsMake(20, 20, 20, 20); // 上左下右

scrollEnabled：表示UIScrollView是否可滚动。

scrollView.scrollEnabled = YES;

bounces：表示UIScrollView是否允许回弹效果。

scrollView.bounces = YES;

2、UIScrollView的滚动监听

UIScrollView有多个滚动监听方法，可以通过它们来监听UIScrollView的滚动状态：

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView

-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

-(void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView

-(void)scrollViewDidZoom:(UIScrollView *)scrollView

更多滚动监听方法的详细说明可以参考官方文档。

三、常用滚动效果

1、UIScrollView缩放

为了支持UIScrollView的缩放效果，需要设置UIScrollView的delegate，并实现UIScrollViewDelegate中的以下方法：

-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView

-(void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale

- (void)viewDidLoad {
    [super viewDidLoad];
    
    UIScrollView *zoomScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    zoomScrollView.delegate = self;
    zoomScrollView.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height * 2);
    [self.view addSubview:zoomScrollView];
    
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height * 2)];
    imageView.image = [UIImage imageNamed:@"image"];
    [zoomScrollView addSubview:imageView];
}
 
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
    for (UIView *view in scrollView.subviews) {
        if ([view isKindOfClass:[UIImageView class]]) {
            return view;
        }
    }
    return nil;
}
 
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale {
    NSLog(@"scrollViewDidEndZooming with scale %f", scale);
}

2、UIScrollView分页

UIScrollView可以实现页面跳转的效果，只需要设置pagingEnabled为YES即可：

UIScrollView *pageScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
pageScrollView.pagingEnabled = YES;
pageScrollView.contentSize = CGSizeMake(self.view.frame.size.width * 3, self.view.frame.size.height);
[self.view addSubview:pageScrollView];

UIScrollView可以和UIPageControl一起使用，来实现更加完美的分页滚动效果。

四、常见问题

1、UIScrollView内部子视图无法响应点击事件。

原因：UIScrollView默认拦截了子视图的点击事件，导致无法响应。

解决方法：可以通过设置UIScrollView的delaysContentTouches属性为NO，来取消默认事件拦截。

scrollView.delaysContentTouches = NO;

2、UIScrollView与AutoLayout结合会存在一些问题。

原因：UIScrollView的contentSize需要在视图大小确定后再设置，而AutoLayout是在视图加载完成前进行布局计算，导致contentSize无法正确设置。

解决方法：

方式一：使用frame布局。

方式二：通过调用setNeedsLayout和layoutIfNeeded方法手动触发AutoLayout布局计算：

[self.view layoutIfNeeded];
scrollView.contentSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height * 2);

五、总结

UIScrollView是iOS开发中常用的滚动容器视图，可以实现多种滚动效果。在使用UIScrollView时，需要注意滚动区域的设置、滚动控制属性的设置、滚动监听方法的实现、常见滚动效果的实现、常见问题的解决方法等方面的内容。