什么是UIScrollView
- UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容
UIScrollView的基本使用
将需要展示的内容添加到UIScrollView中,设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺寸,也就是告诉它滚动的范围(能滚多远,滚到哪里是尽头)
UIScrollView显示内容的小细节:超出UIScrollView边框的内容会被自动隐藏
用户可以用过手势拖动来查看超出边框并被隐藏的内容
UIScrollView无法滚动的解决办法
- 没有设置contentSize
- scrollEnabled = NO
- 没有接收到触摸事件:userInteractionEnabled = NO
常见属性
- @property(nonatomic) CGPoint contentOffset;
- 这个属性用来表示UIScrollView滚动的位置
(其实就是内容左上角与scrollView左上角的间距值)
- 这个属性用来表示UIScrollView滚动的位置
1 | - (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated; // animate at constant velocity to new offset |
@property(nonatomic) CGSize contentSize;
- 这个属性用来表示UIScrollView内容的尺寸,滚动范围(能滚多远)
@property(nonatomic) UIEdgeInsets contentInset;
- 这个属性能够在UIScrollView的4周增加额外的滚动区域,一般用来避免scrollView的内容被其他控件挡住
其他属性
@property(nonatomic) BOOL bounces;
- 设置UIScrollView是否需要弹簧效果
@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
- 设置UIScrollView是否能滚动
@property(nonatomic) BOOL showsHorizontalScrollIndicator;
- 是否显示水平滚动条
@property(nonatomic) BOOL showsVerticalScrollIndicator;
- 是否显示垂直滚动条
代理delegate
当UIScrollView发生一系列的滚动操作时, 会自动通知它的代理(delegate)对象,给它的代理发送相应的消息,让代理得知它的滚动情况
也就是说,要想监听UIScrollView的滚动过程,就必须先给UIScrollView设置一个代理对象,然后通过代理得知UIScrollView的滚动过程
成为代理的调教必须遵守协议
当UIScrollView发生一系列的滚动操作时, 会自动通知它的代理(delegate)对象,给它的代理发送相应的消息,让代理得知它的滚动情况
也就是说,要想监听UIScrollView的滚动过程,就必须先给UIScrollView设置一个代理对象,然后通过代理得知UIScrollView的滚动过程
代理方法汇总
一滚动就会调用
1 | - (void)scrollViewDidScroll:(UIScrollView *)scrollView; |
开始拖拽时调用
1 | - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView; |
用户完成拖拽时调用
1 | - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate; |
将开始降速时,用户交互时调用
1 | - (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView; |
减速停止时,用户交互时调用
1 | - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView; |
滚动动画停止时执行,代码改变时触发,也就是 setContentOffset 属性改变时
1 | - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; |
如果你不是完全滚动到滚轴视图的顶部,你可以轻点状态栏,那个可视的滚轴视图会一直滚动到顶部,那是默认行为,你可以通过该方法返回NO来关闭它
1 | - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView; |
滚动到最顶部以后调用
1 | - (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView; |
实现控件中内容缩放
缩放实现步骤
- 设置UIScrollView的id
delegate代理对象 - 设置缩放比例
- minimumZoomScale :缩小的最小比例
- maximumZoomScale :放大的最大比例
- 让代理对象实现下面的方法,返回需要缩放的视图控件
- 设置UIScrollView的id
1 | // 设置代理 |
这个方法的返回值决定了要缩放的内容(返回值只能是 UIScrollView 的子控件)
1 | - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView; |
scale between minimum and maximum. called after any ‘bounce’ animations,当缩放内容达到最大值或者最小值时调用
1 | - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale; |
called before the scroll view begins zooming its content,开始缩放它的内容之前调用
1 | - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view NS_AVAILABLE_IOS(3_2); |
any zoom scale changes,也就是说每当比例变化时会调用
1 | - (void)scrollViewDidZoom:(UIScrollView *)scrollView |