UIScrollView & UIStoryboard 故事板

参考链接:

Apple:
https://developer.apple.com/library/ios/technotes/tn2154/_index.html

在AutoLayout体系中,UIScrollView是一个特殊的视图。我们先看一下官网的一些说明:

In general, Auto Layout considers the top, left, bottom, and right edges of a view to be the visible edges. That is, if you pin a view to the left edge of its superview, you’re really pinning it to the minimum x-value of the superview’s bounds. Changing the bounds origin of the superview does not change the position of the view.

大致意思是说,通常情况下,如果你设置一个视图和其父视图的边距,这个边距实际上是相对于父视图的bounds而言的。注意这英文文档中有一句话容易引起误解:Changing the bounds origin of the superview does not change the position of the view,意思是改变父视图的bounds的origin并不会改变视图的position。如果深究这句话会偏离本文的主题,所以下面只是简单解释一下:
做一个小Demo:

图示1

当点击Button按钮的时候,让父视图(redView)的bounds的origin发生了变化,我们发现其子视图(whiteView)向左发生了偏移,但是程序打印结果显示:

2016-06-04 13:34:33.850 ChangeBounds[45808:3465767] 68.500000
2016-06-04 13:34:33.852 ChangeBounds[45808:3465767] 68.500000

也就是说,position没有发生变化,但白色视图的位置确实向左发生了偏移(偏移量为10)。白色视图向左偏移是因为父视图(即红色视图)的bounds的origin由(0, 0)变成了(10, 0), 当红色视图的origin发生变化后,其坐标变化类似于:

图示2.png

这个解释到此为止,因为position是锚点anchorPoint在superLayer中的位置呢,锚点没有发生变化,所以position也没有变化,至于什么是锚点,再扯就远了。

好,我们回到ScrollView和AutoLayout上来。
上面说到,通常情况下,如果你设置一个视图和其父视图的边距,这个边距实际上是相对于父视图的bounds而言的。但是ScrollView有所不同,它的leading/trailing/top/bottom space是相对于UIScrollView的contentSize而不是bounds来确定的,所以如果用UIScrollView和它的subview的leading/trailing/top/bottom来互相决定大小时,就会出现Has ambiguous scrollable content width/height的warning.
苹果官网上也说道:

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.

所以上、下、左、右这些约束要相对于UIScrollView的contentView来设置。
所以我们要给这个UIScrollView对象添加一个contentView, 在故事板中可以往scroll view上托一个view, 注意这个view的上下左右约束都是0, 并且设置它的宽高约束,并Remove At build path, 通过这个content view告诉scroll view其content size. 步骤如下:

Step 1> 托入UIScrollView,并设置其约束,比如上下左右
Step 2> 往这个Scroll view上托入一个view, 这个view的上下左右和scroll view的约束都是0,并设置其宽高和scroll view相同,对宽约束和高约束,设置Remove at build time
Step 3> 通过改变这个content view的宽高约束来改变scroll view的content size

    NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:self.contentView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:self.view.bounds.size.width];
    [self.contentView addConstraint:widthConstraint];
    
    NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:self.contentView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:250];
    self.heightConstraint = heightConstraint;
    [self.contentView addConstraint:heightConstraint];

这个操作流程不好用文字来表达。以前录个一个小视频,可参见这里: http://pan.baidu.com/s/1kVnP0vt

肯定有需要补充和错误的地方,若发现请联系<mail://liuxing8807@126.com>]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354

推荐阅读更多精彩内容

  • iOS的视图中,UIScrollView是比较常用的视图。但是UIScrollView在自动布局中是一种特殊的视图...
    流水_事阅读 7,485评论 1 16
  • Documentation Supported OS & SDK Versions 支持的OS & SDK版本 S...
    c5550ea746f8阅读 4,345评论 0 2
  • 时光缥缈,流年依旧。小猴就这样跟我说了再见。在电视的陪伴之下,它跟我说了再见。 人生如梦,若醒来,会有何感。一...
    留年阅读 267评论 0 0
  • 1、铁观音:除具有一般茶叶的保健功能外,还具有抗衰老、抗癌症、抗动脉硬化、防治糖尿病、减肥健美、降火,敌烟醒酒...
    李研书柜阅读 263评论 0 0
  • 文/添一抹岚 昨天中午,终于收到顺丰快递发来的消息,说是已送达待收点,让我签收。 定是步月儿妹妹送我的多肉来了! ...
    添一抹岚阅读 657评论 131 54