UIScrollView的属性总结

浅浅的花香味﹌ 2022-08-21 03:12 155阅读 0赞

UIScrollView的属性总结

<table style="margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px; border:1px solid silver; word-break:break-word"> 
 <tbody style="margin:0px; padding:0px"> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 
    <div style="margin:0px; padding:0px"> 
     <table style="margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px; border:1px solid silver; word-break:break-word"> 
      <tbody style="margin:0px; padding:0px"> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <span style="margin:0px; padding:0px">属性</span></td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> <span style="margin:0px; padding:0px">作用</span></td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> CGPoint contentOffSet</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 监控目前<span style="margin:0px; padding:0px">滚动</span>的位置</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> CGSize contentSize</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 滚动范围的大小</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> UIEdgeInsets contentInset</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 视图在scrollView中的位置</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> id&lt;UIScrollerViewDelegate&gt;<br style="margin:0px; padding:0px"> delegate</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 设置协议</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL directionalLockEnabled</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 指定<span style="margin:0px; padding:0px">控件</span>是否只能在一个方向上滚动</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL bounces</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制控件遇到边框是否反弹</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL alwaysBounceVertical</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制垂直方向遇到边框是否反弹</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL alwaysBounceHorizontal</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制水平方向遇到边框是否反弹</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL pagingEnabled</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制控件是否整页翻动</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL scrollEnabled</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制控件是否能滚动</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL showsHorizontalScrollIndicator</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制是否显示水平方向的滚动条</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL<br style="margin:0px; padding:0px"> showsVerticalScrollIndicator</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制是否显示垂直方向的滚动条</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> UIEdgeInsets scrollIndicatorInsets</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 指定滚动条在scrollerView中的位置</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> UIScrollViewIndicatorStyle<br style="margin:0px; padding:0px"> indicatorStyle</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 设定滚动条的样式</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> float decelerationRate</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 改变scrollerView的减速点位置</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL tracking</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 监控当前目标是否正在被跟踪</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL dragging</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 监控当前目标是否正在被<span style="margin:0px; padding:0px">拖拽</span></td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL decelerating</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 监控当前目标是否正在减速</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL delaysContentTouches</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制视图是否延时调用开始滚动的方法</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL canCancelContentTouches</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制控件是否接触取消touch的<span style="margin:0px; padding:0px">事件</span></td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> float minimumZoomScale</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 缩小的最小比例</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> float maximumZoomScale</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 放大的最大比例</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> float zoomScale</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 设置变化比例</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL bouncesZoom</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制缩放的时候是否会反弹</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL zooming</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 判断控件的大小是否正在改变</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL zoomBouncing</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 判断是否正在进行缩放反弹</td> 
       </tr> 
       <tr style="margin:0px; padding:0px"> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> BOOL scrollsToTop</td> 
        <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 控制控件滚动到<span style="margin:0px; padding:0px">顶部<br style="margin:0px; padding:0px"> <br style="margin:0px; padding:0px"> </span></td> 
       </tr> 
      </tbody> 
     </table> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

这里把UIScrollView的几个要点总结下：

从你的手指touch屏幕开始，scrollView开始一个timer，如果：

1.  150ms内如果你的手指没有任何动作，消息就会传给subView。

2.  150ms内手指有明显的滑动（一个swipe动作），scrollView就会滚动，消息不会传给subView，这里就是产生问题二的原因。

3. 150ms内手指没有滑动，scrollView将消息传给subView，但是之后手指开始滑动，scrollView传送touchesCancelled消息给subView，然后开始滚动。

观察下tableView的情况，你先按住一个cell，cell开始高亮，手不要放开，开始滑动，tableView开始滚动，高亮取消。

delaysContentTouches的作用：

这个标志默认是YES，使用上面的150ms的timer，如果设置为NO，touch事件立即传递给subView，不会有150ms的等待。

cancelsTouches的作用：

这个标准默认为YES，如果设置为NO，这消息一旦传递给subView，这scroll事件不会再发生。