UIScrollView

什么是UIScrollView

  • UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容

UIScrollView的基本使用

  • 将需要展示的内容添加到UIScrollView中,设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺寸,也就是告诉它滚动的范围(能滚多远,滚到哪里是尽头)

  • UIScrollView显示内容的小细节:超出UIScrollView边框的内容会被自动隐藏
    用户可以用过手势拖动来查看超出边框并被隐藏的内容

UIScrollView无法滚动的解决办法

  • 没有设置contentSize
  • scrollEnabled = NO
  • 没有接收到触摸事件:userInteractionEnabled = NO

常见属性

  • @property(nonatomic) CGPoint contentOffset;
    • 这个属性用来表示UIScrollView滚动的位置
      (其实就是内容左上角与scrollView左上角的间距值)
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
2
3
4
5
- (void)scrollViewDidScroll:(UIScrollView *)scrollView;   
{
// NSLog(@" scrollViewDidScroll");
NSLog(@"ContentOffset x is %f,yis %f",scrollView.contentOffset.x,scrollView.contentOffset.y);
}

开始拖拽时调用

1
2
3
4
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;   
{
NSLog(@"scrollViewWillBeginDragging");
}

用户完成拖拽时调用

1
2
3
4
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate; 
{
NSLog(@"scrollViewDidEndDragging");
}

将开始降速时,用户交互时调用

1
2
3
4
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;   
{
NSLog(@"scrollViewWillBeginDecelerating");
}

减速停止时,用户交互时调用

1
2
3
4
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;   
{
NSLog(@"scrollViewDidEndDecelerating");
}

滚动动画停止时执行,代码改变时触发,也就是 setContentOffset 属性改变时

1
2
3
4
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;
{
NSLog(@"scrollViewDidEndScrollingAnimation");
}

如果你不是完全滚动到滚轴视图的顶部,你可以轻点状态栏,那个可视的滚轴视图会一直滚动到顶部,那是默认行为,你可以通过该方法返回NO来关闭它

1
2
3
4
5
- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   
{
NSLog(@"scrollViewShouldScrollToTop");
return YES;
}

滚动到最顶部以后调用

1
2
3
4
- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;     
{
NSLog(@"scrollViewDidScrollToTop");
}

实现控件中内容缩放

  • 缩放实现步骤

    1. 设置UIScrollView的id delegate代理对象
    2. 设置缩放比例
      • minimumZoomScale :缩小的最小比例
      • maximumZoomScale :放大的最大比例
    3. 让代理对象实现下面的方法,返回需要缩放的视图控件
1
2
3
4
5
6
    // 设置代理
self.scrollview.delegate = self;
// 设置缩放比例
self.scrollview.maximumZoomScale = 2.0;
self.scrollview.minimumZoomScale = 0.2;
}

这个方法的返回值决定了要缩放的内容(返回值只能是 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
文章作者: Ammar
文章链接: http://lizhaoloveit.cn/2014/03/27/UIScrollView/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Ammar's Blog
打赏
  • 微信
  • 支付宝

评论