美文网首页iOSiOS
5月29日-UIScrollView,UIPageControl

5月29日-UIScrollView,UIPageControl

作者: 托马斯君 | 来源:发表于2015-06-01 14:09 被阅读275次

    什么是UIScrollView?

    移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限

    当展示的内容较多,超出一个屏幕的时候,用户可通过滚动手势来查看屏幕以外的内容

    普通的UIView不具备滚动功能,不适合显示过多的内容

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

    UIScrollView的基本使用

    UIScrollView的用法:

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

    UIScrollView显示内容的细节

    • 超出UIScrollView边框的内容会被自动隐藏
    • 用户可以通过手势拖动来查看超出边框被隐藏的内容

    UIScrollView常见问题:无法滚动的解决办法

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

    UIScrollView的常见属性

    @property(nonatomic) CGPoint contenOffset;

    • 这个属性用来表示UIScrollView滚动的位置 (其实就是内容左上角与scrollview左上角的间距值)

    @property(nonatomic) CGSize contenSize;

    • 这个属性用来表示UIScrollView内容的尺寸,滚动范围(能滚动多远)

    @property(nonatomic) UIEageInsets contenInset;

    • 这个属性能够在UIScrollView的四边增加额为的滚动区域,一般用来避免scrollView的内容被其他控件挡住

    UIScrollView的其他属性

    @property(nonatomic) BOOL bounces;

    • 设置UIScrollView是否需要弹簧效果

    @property(nonatomic, getter=isScrollEnabled) BOOL scrollEnabled

    • 设置UIScrollView是否能滚动

    @property(nonatomic) BOOL showsHorizontalScrollIndicator;

    • 设置是否显示水平滚动条

    @property(nonatomic) BOOL showsVerticalScrollIndicator;

    • 设置是否显示垂直滚动条

    UIScrollView的代理

    我们想在UIScrollView正在滚动或者滚动到每个位置或者 停止滚动时做一些特定的操作

    想要完成上述功能,前提条件就是能够监听到UIScrollView的整个滚动过程

    当UIScrollView发生一系列的滚动操作时,会自动通知它的代理(delegate)对象,给代理发送相应的消息,让代理得知它的滚动情况

    要像监听UIScrollView的滚动过程,就必须先给UIScrollView设置一个代理对象,然后通过代理对象监听UIScrollView的滚动过程

    • 用户开始拖拽时,调用scrollViewWillBeginDragging:方法
    • 具体滚动到某个位置的时候,调用scrollViewDidScroll:方法
    • 用户停止拖拽的时候,调用scrollViewDidEndDragging:willDecelerate:方法
    • 想要设置UIScrollView的delegate,必须遵守代理协议,并且实现协议规定的方法,才能监听UIScrollView的滚动过程
    • UIScrollView将delegate想要实现的方法都定义在了UIScrollViewDelegate协议中 - 一般情况下,就设置UIScrollView所在的控制器为它的delegate

    内容的缩放

    有些时候,我们会想要对某些内容进行手势缩放

    UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理

    要完成缩放功能,只想要将想要缩放的内容添加到UIScrollView中

    当用户在UIScrollView上使用捏合手势时,UIScrollView会调用代理的viewForZoomingInScrollView:方法,这个方法返回的控件就是需要进行缩放的控件

    实现缩放步骤

    • 设置UIScrollView的id delegare代理对象
    • 设置minimumZoomScale: 缩小的最小比例
    • 设置maximumZoomScale: 放大的最大比例
    • 让代理对象实现如下的方法,返回需要缩放的视图控件

      - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
      
    • 和缩放相关的其他代理方法

      // 整在缩放的时候调用
        - (void)scrollViewDidZoom:(UIScrollView *)scrollView
      // 开始缩放的时候调用
        - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
      // 缩放结束的时候调用
      - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
      

    分页

    只要将UIScrollView的pagingEnabled属性设置为YES,UIScrollView会被分割成多个独立页面,里面的内容就能进行分页展示

    一般会配合UIPageControl增强分页效果,UIPageControl常用属性如下

    // 一共有多少页
    @property(nonatomic) NSInteger numberOfPages;
    // 当前显示的页码
    @property(nonatomic) NSInteger currentPage;
    // 只有一页时,是否需要隐藏页码指示器
    @property(nonatomic) BOOL hidesForSinglePage;
    // 其他页码指示器的颜色
    @property(nonatomic,retain) UIColor *pageIndicatorTintColor;
    // 当前页码指示器的颜色
    @property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;
    

    NSTimer

    NSTimer叫做“定时器”,它的作用如下

    • 在指定的时间执行指定的任务
    • 每隔一段时间执行指定的任务

    调用下面的方法就会开启一个定时任务

    // 每隔ti秒,调用一次aTarget的aSelector方法,yesOrNo决定了是否重复执行这个任务
    + (NSTimer *)scheduledTimerWithTimeInterval:(NSTimeInterval)ti                                                   target:(id)aTarget
                                      selector:(SEL)aSelector
                                      userInfo:(id)userInfo
                                      repeats:(BOOL)yesOrNo;
    

    通过invalidate方法可以停止定时器的工作,一旦定时器被停止了,就不能再次执行任务。只能再创建一个新的定时器才能执行新的任务

    - (void)invalidate;
    

    解决定时器在主线程不工作的问题,有时候需要几个控件同时工作

    [[NSRunLoop mainRunLoop] addTimer:timer forMode:NSRunLoopCommonModes];

    相关文章

      网友评论

        本文标题:5月29日-UIScrollView,UIPageControl

        本文链接:https://www.haomeiwen.com/subject/obcdqttx.html