作者PainKing0975 (PainKing0975)
看板MacDev
标题[问题] AutoLayout 该如何学习才能快速上手？
时间Fri Mar 9 06:40:10 2018
小弟不才
最近刚踏入 IOS 开发的领域不久
我发现我对於 AutoLayout 实在很不熟
有买了几本书藉 但书中排版都很简单 所以我是看得懂
一旦自己想要作复杂一些些的版面时 就会不知道怎麽下手 不然就是一直跑版
假设我有很多个元件 以下我举个例子 想知道各位大大怎麽思考 AutoLayout 的
图随意画画请见谅
https://i.imgur.com/Q9zLZ88.png
左边三个是 Label 右边上三个是 TextField 右边最下面是 Button
我知道这不难，但对於没基础的我还是想要了解大大的思考逻辑
谢谢各位～
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.161.191.227
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/MacDev/M.1520548813.A.6A6.html
1F：推 rollr: stackview 03/09 07:42
2F：推 RINPE: 上面六个分成 3*2的stack view 再跟下面那个合起来 03/09 07:43
3F：→ PainKing0975: 我想知道纯autolayout的做法，谢谢 03/09 09:58
4F：推 lovez04wj06: Masonry +stackView混合使用，假设上方显示外观一样 03/09 10:04
5F：→ lovez04wj06: ，上方三个视为同一个出现三次，下方一个出现一次。 03/09 10:04
6F：推 lovez04wj06: 只要做两个view就不容易跑版了 03/09 10:06
7F：推 lovez04wj06: 基本上看人思考逻辑，方法有好有坏。 03/09 10:11
8F：→ lovez04wj06: 至於设定和相依的设定，就是多写，复杂的尽量先拆成 03/09 10:13
9F：→ lovez04wj06: 简单的组合，在整体拼起来。 03/09 10:13
10F：推 lovez04wj06: 更正：约束和相依设定 03/09 10:15
11F：推 oyaji5566: 从最靠近左上角的元件开始设约束，一个一个慢慢来就行 03/09 11:02
12F：→ oyaji5566: 了 03/09 11:02
13F：→ oyaji5566: 左上角元件设好top跟leading space，其他元件跟它排序 03/09 11:05
14F：→ oyaji5566: 然後最右上角的元件设好trailing space 03/09 11:07
15F：→ oyaji5566: TextField不要设宽，应该就视画面缩放不会跑版了 03/09 11:09
16F：推 gundam00: 你要fit multiple screen size的话 又要元在相同的位置 03/09 18:55
17F：→ gundam00: 你在设定constraint时 要用multiple去算比例 不要用 03/09 18:56
18F：→ gundam00: constant 长宽的话有需要 也是用multiplier去设定～ 03/09 18:58