在开发过程中，列表作为最常用的控件，有时候需要对类似详情页这种需要很多自定义且很少复用的页面用scrollView来实现
这里我用xib来举例
1.先往xib中拖一个scrollView
image.png
设置当前scrollView上左下右与父视图约束为0；宽度任意设置一个固定值
2.再拖一个view到scrollview上，设置view与scrollView的上下左右约束为0，设置此view的宽度等于scrollView ，这时候系统会报约束错误
我们将scrollView上的这个子view的intrinsic size 修改成placeholder,并设置任意宽高，因为宽高是随着子控件的宽高自动布局的
image.png
设置完我们可以看到报错消失
3.现在就可以以view为父视图往上面加子控件了
注意子控件一定要设置与父控件的上下约束，即最顶部的控件要设置top，最底部的控件要设置bottom，不然子控件无法撑开父控件，显示会有异常，且无法响应子控件的事件
至此大功告成，效果如下
QQ20191223-160310-HD.gif
tips:考虑到部分视图比较长，可以将当前控制器的view的size设置为freeform,这样可以更直观的查看显示效果
image.png
网友评论