【Tips】UIScrollView用autolayout设置约束无法滚动?

前言

今天做项目,碰到一个需求,在一个Cell中,因为需要适配4‘,所以需要将原本的一行按钮换成UIScrollView,可以滑动。如图:

屏幕快照 2016-11-14 上午10.31.11.png

开始

这还不简单,直接将原本的存放按钮的UIView改成UIScrollView不就好咯。不一会就改好了,然后运行;发现还是不能动啊!(一脸懵逼)。
怎么办?又仔细查看了一遍,发现没有什么地方有写错阿。
然后Google了下,发现好像是autolayout这货的问题,于是我就试着不用autolayout看看能不能滚动,直接用frame来设置位置和大小,结果果然可以滚动了!

屏幕快照 2016-11-14 上午11.01.10.png

然后

但到底是autolayout哪里出错了,于是去查了下官方文档,看看有没有什么可以发现的。果然让我找到了,原因如下:

The UIScrollView class scrolls its content by changing the origin of its bounds. To make this work with Auto Layout, the top, left, bottom, and right edges within a scroll view now mean the edges of its content view.

Snip20161114_1.png

如上图所示,之前我们设置的四个约束(上下左加宽度),其实参照物不是scrollView,而应该是外面的contentSize,为什么呢?因为scrollView是会滚动的,所以如果参照的是scrollView的话,那么按钮的位置就不是确定的了,所以参照的其实是contentSize。换句话说其实,scrollView就是根据内部按钮的frame计算出scrollViewcontentSize。(因为autolayout本质依然是frame)。
这个时候我们再看下我们之前设置的四个约束,我们设置了上下左加宽度约束,这个时候发现scrollView并没有足够的条件去求出contentSize,因为右边并没有确定,所以这个时候滚动并没有效果。这个时候我们只需要加上按钮的右边约束就可以有效的算出contentSize,而且可以不用去设置scrollViewcontentSize属性了,因为已经可以根据约束推测出来。

最后

苹果的官方文档是个好东西☺️

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,251评论 4 61
  • ScrollView 是 UIKit 中很重要的一个组件,TableView 和 UIWebView 等很多涉及到...
    WellCheng阅读 6,356评论 5 25
  • 家乡的女人 总是醒在 家的前面 家 总是醒在 黎明的前面 天还未醒 我们家的 屋顶先醒 一缕缕的炊烟 自我们家的屋...
    奚泠阅读 1,699评论 0 0
  • 统一弹登录页面,有的是在push出来的页面弹登录页面,有的是在present页面弹登录页面说明 :例如:A pre...
    Minoz_min阅读 14,571评论 4 7
  • Day27 早上懒洋洋地起来,10点了才去工作室,明天照样不用早起真是太棒了!去罗森买了流沙包和三角形饭团当早饭,...
    小懒说Yolo阅读 174评论 0 1