zoukankan      html  css  js  c++  java
  • UIScrollView小记

    视图的滚动过程,其实是在不断修改原点坐标。当手指触摸后,ScrollView会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么ScrollView发送tracking events到被点击的subView;若是在计时器到点后发生了移动事件,那么ScrollView取消tracking自己促发滚动。

    其子类可以重载
    touchesShouldBegin: withEvent: inContentView: 决定自己是否接收touch事件。

    pagingEnabled: 当值是YES会自动滚动到subView的边界,默认是NO。

    touchesShouldCancelInContentView: 开始发送tracking messages消息给subView的时候会调用这个方法。以决定是否发送tracking messages消息到subView。假如返回NO,发送。YES则不发送。若是canCancelContentTouches属性是NO,则不调用这个方法来影响如何处理滚动手势。

    ScrollView还可处理缩放和平移手势,要实现这必须实现委托viewForZoomingInScrollView:和scrollViewDidEndZooming: withView: atScale:两个方法。另外maximumZoomScale和minimumZoomScale两个属性要不一样。

    常用属性介绍
    maximumZoomScale 能放大的最大倍数,是浮点数。

    minimumZoomScale 能缩小的最小倍数,是浮点数。

    pagingEnabled 是否自动滚动到subView边界

    scrollEnabled 是否可以滚动

    contentSize 里面内容的大小,即可以滚动的大小,默认是0,没有滚动效果

    showsHorizontalScrollIndicator 滚动时是否显示水平滚动条

    showsVerticalScrollIndicator 滚动时是否显示垂直滚动条

    bounces 默认是YES,就是滚动超过边界会反弹,即有反弹回来的效果。若是NO,则滚动到达边界会立刻停止

    bouncesZoom 与bounces类似,只是反映在缩放效果上。

    directionalLockEnabled 默认是NO,可以在垂直和水平方向同时运动。当值是YES时,视哪个方向开始则锁定另外一个方向的滚动。

    indicatorStyle 滚动条的样式。总共3色:默认、黑、白

    scrollIndicatorInsets 设置滚动条位置

    tracking 当touch后还没有拖动的时候是YES,否则NO

    zoomBouncing 当内容放大到最大或者最小的时候值是YES,否则NO

    zooming 当正在缩放的时候值是YES,否则NO

    decelerating 当滚动后,手指放开但还在继续滚动中。此时是YES,其它时候都是NO

    decelerationRate 设置手指放开后的减速率

    基本使用方法:
    初始化:一般的控件初始化都是可以用alloc和init来初始化的。
    UIScrollView *sv = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0,0.0,self.view.frame.size.width, 400)];

    关于控件添加与初始化,建议都采用代码调用合适的初始化方法来操作,虽然IB布局能够节省时间,但不能哪过很好了解整个代码执行流程。

    委托方法:UIScrollView也要指定委托对象,该委托对象的控制器同样也要遵循UIScrollViewDelegate协议,实现其相应的代理方法。

      • scrollViewDidScroll:
      • scrollViewWillBeginDragging:
      • scrollViewDidEndDragging:

    scrollViewDidEndDecelerating:         本文转载至 http://blog.sina.com.cn/s/blog_9dd76751010135bn.html

    scroll view 原理
    在滚动过程当中,其实是在修改原点坐标

    当手指触摸后, scroll view会暂时拦截触摸事件,使用一个
    计时器,假如在计时器到点后,没有发生手指移动事件,
    那么,scroll view发送tracking events到被点击的subview
    假如在计时器到点前,发生了移动事件,那么 scroll view 取消tracking
    自己发生滚动

    子类可以重载touchesShouldBegin:withEvent:inContentView: 决定自己是否接收touch事件
    pagingEnabled当值是YES,会自动滚动到subview的边界,默认是NO
    touchesShouldCancelInContentView: 开始发送tracking messages消息给subview的时候
    调用这个方法,决定是否发送tracking messages消息到subview,假如返回NO,发送,YES则不发送
    假如 canCancelContentTouches属性是NO,则不调用这个方法
    来影响如何处理滚动手势

    scroll view还处理缩放和平移手势
    要实现缩放和平移,必须实现委托viewForZoomingInScrollView:
    scrollViewDidEndZooming:withView:atScale:
    两个方法,另外 maximumZoomScale和minimumZoomScale两个属性要不一样 

    几个属性
    tracking
    当touch后还没有拖动的时候,值是YES,否则NO


    zoomBouncing
    当内容放大到最大或者最小的时候,值是YES,否则NO


    zooming
    当正在缩放的时候,值是YES,否则NO

    decelerating

    当滚动后,手指放开,但是还在继续滚动中,这个时候是 YES,其他是NO

    decelerationRate

    设置手指放开后的减速率


    maximumZoomScale
    一个浮点数,表示能放最大的倍数


    minimumZoomScale 
    一个浮点数,表示能缩最小的倍数


    pagingEnabled
    当值是YES,会自动滚动到subview的边界,默认是NO


    scrollEnabled
    决定是否可以滚动

    delaysContentTouches

    是个布尔值,当值是YES的时候,用户触碰开始,scroll view要延迟一会,看看是否用户有意图滚动,假如滚动了,那么捕捉touch-down事件,否则就不捕捉, 假如值是NO,当用户触碰, scroll view会立即触发touchesShouldBegin:withEvent:inContentView:, 默认是YES

    canCancelContentTouches
    当值是YES的时候,用户触碰后,然后在一定时间内没有移动,scrollView发送tracking events,然后用户移动手指足够长度触发滚动事件,这个时候,scrollView发送了touchesCancelled:withEvent: 到subview,然后scroView开始滚动
    假如值是NO,scrollView发送tracking events后,就算用户移动手指,scrollView也不会滚动
     
    contentSize
    里面内容的大小,也就是可以滚动的大小,默认是0,没有滚动效果。
     
    showsHorizontalScrollIndicator
    滚动时,是否显示水平滚动条
     
    showsVerticalScrollIndicator
    滚动时,是否显示垂直滚动条
     
    bounces
    默认是yes,就是滚动超过边界,会反弹有反弹回来的效果,假如是 NO,那么滚动到达边界,那么会连忙停止
     
    bouncesZoom
    和bounces类似,区别在于,这个效果反映在缩放上面,假如缩放超过最大缩放,那么会反弹效果,假如是NO,则到达最大或者最小的时候,立即停止
     
    directionalLockEnabled
    默认是NO, 可以在垂直和水平方向同时运动, 当值是YES, 假如一开始是垂直或者是水平运动,那么接下来会锁定另外一个方向的滚动, 假如一开始是对角方向滚动,则不会禁止某个方向
     
    indicatorStyle
    滚动条的样式,基本只是设置颜色,总共3个颜色,默认,黑色的,白色的
     
    scrollIndicatorInsets
    设置滚动条的位置
     
    本文转载至 http://www.cnblogs.com/chen1987lei/archive/2011/07/11/2103477.html
  • 相关阅读:
    前端js实现复制功能
    vue中流文件下载
    vuex的module简单使用
    vuex及其辅助函数简单使用
    element中合并单元格操作
    js保留小数并四舍五入方法封装
    数组的基本属性和方法
    数组的深复制、扁平化、排序及去重相关方法
    js基本数据类型及数组对象判断
    for/in 语句用于循环对象属性
  • 原文地址:https://www.cnblogs.com/Camier-myNiuer/p/3323618.html
Copyright © 2011-2022 走看看