内容来自于objc.io
可以说scroll view是iOS 生动特性的一个非常重要的注脚,而在完全掌握它之前,你甚至会有一种夜不能寐的感觉,接下来,让我们细细剖析scrollview
由于scrollview的特性其实只是来自于UIView 特性的叠加,所以对scrollview的理解更多来自对UIView的理解,如下是两过程的view渲染的细节:
Rasterization and Composition
第一个步骤称为光栅化,它只是执行一些绘制指令并产生一份图像。比如按钮只是绘制一个圆角矩形,并在中间绘制文字,这些内容由view持有,等待交由第二个步骤使用。一旦每个view均执行得到了光栅化图像,则会使用称为 合成 的过程将它们组合成屏幕大小的图片。view层级在合成过程中起到了很重要的作用:子view会覆盖在父view之上。最顶层的view是window,而其合成的内容是用户最终看到的内容。
这个时候重点来了,大家都知道view均有frame和bounds属性,它们有相同的size(除了transform属性所带来的影响之外),但orgin通常不一样,理解这两个属性的原理就可以理解scrollView的原理。
在光栅化的过程中,view并不关心它的frame(决定view的位置和大小)和在view层级中的位置(决定其合成的顺序),而只关心自己的绘制内容,绘制发生在每个view的drawRect方法中。
在drawRect调用之前,会为view创建一个空白的image以供绘制。这个image的坐标系统是其bounds,如果在bounds之外绘制,那这份绘制并不会成为光栅化图像的一部分,并会被废弃。虽然ios底层的绘制过程使得可以将子view在superview的bounds之外渲染出来,但在光栅化的过程中,在bounds之外绘制的内容是会被废弃的。
Scroll View’s Content Offset
以上这些跟scrollview有什么关系呢?答案是关系大发啦。想象一下滚动的时候发生的事情:在拖拽过程中,我们改变了view的frame,如果往右拽,会增加origin.x
之前在合成的时候计算子View在父view中的位置时,父view的bounds.origin 通常是{0,0},所以子view.frame.origin即对应父view中对应坐标的点。但如果父view的bounds.origin不为0的时候,则需要将子view.frame.origin+父view.bounds.origin。
所以更改bounds的origin可以调整子View在父view中显示的位置,而且实际上,scrollview的contentOffset属性即是通过调整bounds.origin完成滚动的。
Content Size
有了关于contentOffset的理解,接下来关注下contentSize
contentSize并不会更改scrollview 的bounds,所以不会影响Scrollview合成子view。scroll view的默认contentSize是{w:0,h:0},由于没有可滚动的区域,用户不可以滚动,但scrollview仍然会在其bounds中显示所有子view。
当contentSize比Scrollview大的时候,才允许滚动
上图中visible area的bounds应当是{80,40,200,300}
当contentOffset为{0,0}时,可见窗口的左上角正好是可滚动区域的左上角,这也是contentOffset的最小值,最大 contentOffset 是contentSize与Scrollview.bounds的差值。
Tweaking the Window with Content Insets
contentInset可以改变contentOffset的最大和最小值(显示上而已,因为contentOffset的最小值仍是{0,0},最大值亦不变)
contentInset看起来很有用,但为什么不直接更改contentSize呢,以UITableView为例,它已经精准地根据各Cell的情况算出了contentSize。考虑使用UIRefreshControl的情况:不能将UIRefreshControl放在可滚动区域中,因为这样会使得用户可以滚动经过UIRefreshControl并停留在UIRefreshControl的上方,并无法主动弹回到第一个Cell的上边界。所以需要将UIRefreshControl放置在可滚动区域的上方,这样使得contentOffset可以弹回第一行,而不是停留在UIRefreshControl上。
等一下,当滚动得够远以致于触发了refresh时,这时tableview并没有弹回第一行隐藏refreshControl是因为使用了contentInset。而当刷新结束时,会恢复contentInset,此时contentOffset保持原值,且不需要对contentSize做新的计算,维持原值即可,此时view恢复到将refreshControl隐藏。
那么在代码中什么时候应该用到contentInset呢:一个极佳的例子是键盘出现的时候。
当然还有zooming,今天不会讨论这个,但有一个有趣的地方可以注意下:从viewForZoomingInScrollView:返回的时候,检查transform属性,可以发现scrollview巧妙地运用了UIView现存的属性。
网友评论