深入UIScrollView系列一（滑动属性）

在介绍UIScrollView滑动之前，我们先需要了解一些概念，首先给大家介绍frame，bounds。

-(CGRect)frame{    
    return CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, self.frame.size.height);
}

-(CGRect)bounds{    
    return CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
}

frame：描述了该视图在superview坐标系统中的位置和大小。（显示大小）
bounds：描述了该视图在其自身坐标系中的位置和大小。（实际大小）

frame和bounds区别：

1. frame是显示位置和大小（即可见区域），bounds是实际大小。
2. frame是相对于superView坐标系，bounds是相对于self坐标系（即为自身和subView提供坐标系）。
3. 修改bounds原点就是修改self坐标系统的原点，修改bounds原点对frame没有影响。(比如要同时移动所有 subViews 的话，改 bounds 的 origin 是一个很简单的办法。)
4. view的frame和bounds的大小总是一样的，除非用了transform。
5. 修改transform属性改变的是frame，bounds不会变化。比如，transform旋转后，frame的大小是其外接矩形的大小。
6. 绘制的显示区域是这样：

CompositedPosition.x = View.frame.origin.x - Superview.bounds.origin.x;   
CompositedPosition.y = View.frame.origin.y - Superview.bounds.origin.y; 

所以修改superview.bounds.origin对显示区域有影响。frame在superview.bounds.origin在原点的时候才表示可见区域。

---

下面我们再来看看UIScrollView的相关属性，UIScrollView分解如下图：

图一：scrollView概念图.jpg 图二：scrollView坐标系.jpg

contentSize是内容要滚动的区域大小（比如图一的相片大小），
contentInset相当于内容边距，也就是内容视图边缘和scrollView的边缘的留空距离，通常在需要刷新内容时用到（类似android内边距padding，图一相片四个边框），
contentOffset是内容偏移，描述了内容视图相对于scrollView窗口的位置(当然是向上向左的偏移量)（图二）

滚动的关键属性bounds：
bounds确定了显示区域大小，相对于UIScrollView的subviews而言，修改bounds原点就是在修改UIScrollView显示区域。
即，我们可以得出结论，在UIScrollView的frame和其subViews的frame未变化的情况下，修改bounds原点就相当于在平面上移动这个可视区域！
而滚动的时候，UIScrollView的frame和其subViews的frame不会变化。所以改变bounds原点，就是滚动！

滚动.gif

总结：

1. UIScrollView由contentInset和contentSize组成。
2. bounds大小初始默认等于frame大小。
3. contentOffset其实改变的是bounds.origin。
   UIScrollView.bounds.origin = contentOffset
4. 滚动到底contentOffset.y = contentSize.height - bounds.size.height;
5. UIScrollView坐标系原点是从contentSize开始的；contentOffset表示显示区域左上角相对于contentSize坐标系的坐标。
6. contentOffset的最大和最小值是表示边界（即边界触发弹性回归）。
7. contentInset属性扩充了滚动区域，其改变contentOffset的最大和最小值，即改变了弹性回归的边界。比如contentInset=(10,0,0,0)->offset=-10。
8. 滚动的理解就是修改bounds属性。往上滑：屏幕不变，内容往上滑，offset变大。

彩蛋：
contentInset常常用来扩充滚动区域。
比如设置tableView底部的Inset避免内容被上层遮挡。
比如tableView下拉刷新，如果你将RefreshUI（刷新控件）放在contentSize，那么弹性回归将是RefreshUI弹回顶点，而不是Cell。

当刷新动作pull-to-refresh初始化时，content inset已经被校正过，所以content offset的最小值包含了完整的refresh control。当刷新完成后，content inset恢复正常，content offset也跟着适应大小，自动弹性回归。这里并不需要为content size做数学计算。(这里可能比较难理解，建议看看EGOTableViewPullRefresh这样的类库就应该明白了) UIScrollView滚动原理和contentInset原理(装载)

此文到此结束，文中图片来源引用！
请继续关注下文，《深入UIScrollView系列二（滑动事件）》