一、基础使用
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时,需要注意滚动区域的设置、滚动控制属性的设置、滚动监听方法的实现、常见滚动效果的实现、常见问题的解决方法等方面的内容。