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時，需要注意滾動區域的設置、滾動控制屬性的設置、滾動監聽方法的實現、常見滾動效果的實現、常見問題的解決方法等方面的內容。