iOS开发之UIScrollView在Autolayout下的使用

一、使用的基本原则:

原则1:UIScrollView的size依赖于subviews

首先在StoryBoard中拖入一个UIScrollView,用Pin按钮,随意设置其布局。因为设置UIScrollView的布局约束是没有用的,UIScrollView的size(即contentSize)是根据其中的subviews所占据的size来计算的。当然,如果contentSize的内容不足以布满整个UIScrollView时,滚动条将不会出现,UIScrollView也不会滚动。

原则2:subviews的size不能依赖于UIScrollView

因为UIScrollView的size依赖于subviews,而如果subviews的size再依赖于UIScrollView,就类似于操作系统中的死锁了,布局引擎就混乱了,无法工作。

二、正确的姿势

1、在StoryBoard中拖入一个UIScrollView。

2、设置UIScrollView的约束。例如Pin上、下、左、右边距都为0,此时UIScrollView将占据整个ViewController’s view的界面。

3、拖入一个UIView作为ScrollView的子控件,这个控件就是作为容纳真正布局中控件的父控件,比如命名为contentView。约束contentView的宽和高,使其能满足布局需要,能够摆放下所有你想摆放的控件(一般来说都会超过屏幕的大小)。例如:width 等于ViewController’s view 的width,height等于1000。

4、设置 contentView 的Pin约束,上下左右都为0。Why?明明设置了宽和高了呀,如果不做这一步,UIScrollView还是不能滚动,因为这4个Pin约束实际上是用于告诉UIScrollView:我会把你的内容“撑到”多大。即contentSize必须根据contentView的4条边来确定,而不是根据别的方式。这样,UIScrollView就把contentSize的4条边和contentView的4条边关联起来了。如果contentView的4条边发生变化,UIScrollView会自动调整contentSize。

5、接下来就是在contentView上布局项目中需要的界面了。例如在UIView左上角放了一个Label(约束:top、leading),右下角放了一个Label(约束:bottom、trailing)。注意,这些约束都只是和contentView相关,没有和UIScrollView相关。

上一篇:Android开发之再探底部菜单TabLayout与Bottom navigation实现方式


下一篇:Android开发之自定义View(一)