使用autolayout动态控制视图

在开发中,经常需要用到xib。
在xib中的视图做动态布局,视情况而对某些部分的视图进行隐藏或显示,大家是怎么处理的呢?

下面我用个小例子和大家讲一下我的看法与做法。

涉及到的知识点:

  1. scrollview在xib中的自动布局方式
  2. 约束优先级

scrollview布局

Paste_Image.png

先放个scrollview,做距父视图上下左右的4个约束。

Paste_Image.png

再在scrollview上放个容器视图,对容器视图做距父视图(scrollview)上下左右的四个约束,

然后再加上1个与父视图相等的约束来控制scrollview的宽度,让scrollview只能形成上下滑动。
(这个时候约束有错误提示,说缺少高度,无视就好,后面讲原理)

Paste_Image.png

再往容器view上面加3个view。做约束。

Paste_Image.png

记得最下面一个view要做与容器view的底部的约束,只有这样,它才能计算出你的scrollview 可以滚动的视图的高度是多少,这一点很重要。

到这里,一个用xib生成的scrollview已经搞定了。接下来我们来实现动态控制视图。

约束优先级

Paste_Image.png

把第三个视图的距上约束拖成属性,控制它是否生效,记得要改成strong修饰(默认是weak),否则在调用方法后约束置空了,再找不到这个约束,也就没办法再把这个视图显示回来了。

再把最下面的v3做一个与最上面的v1的相对高度约束,再把相应的数值改成在v2隐藏之后,v3和v1之间的高度。这时候会报错误,你再把这个约束的优先级下调,只要比1000低就行。

Paste_Image.png

小结:

  1. scrollview通过xib自动控制高度在于增加一个容器视图,通过对容器内的子视图做约束,让xib可以计算出整体的高度。
  2. 容器视图的约束距父视图上下左右的这四个约束是令它与scrollview一直保持相同大小,与scrollview的宽的约束是用来控制它的内容宽度大小,可以理解成contentsize的大小。如果你需要做一个横向的scrollview,就把它与父视图的高度做成相同的就行了,其它和这个一样。
  3. 个人觉得这个方法还是挺简洁的,在xib中用起来比较舒适,控制起来也比较简明。但需要对约束理解相对清晰。
  4. 约束的优先级,就是先满足谁,再满足谁。我这里用的就是在代码中令v3距上的约束失效之后,系统会自动采用这个优先级低的,因为这个时候之前的那个优先级高的约束已经失效了,无法满足,也就会去使用优先级低的了。

就到这里了,难免有不足之处,欢迎指出。
谢谢〜

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

推荐阅读更多精彩内容