DAY 5 『 RGB调色盘 - layout ( 约束 ) 』Part4

layout(约束) 拉法

我自己拉 layout 的话，我习惯先选某一个物件当作我的基准点。
例如这个调色盘，我选 view 当我的基准点然後：

1. 先设定它的宽和高
   

2. Horizontally in Container 和 Vertically in Container 两个都勾选
   

3. 在倒三角形下，找到需要改变的那条线，以 0、1、2 的概念，去调整数值
   
   
   

4. 选取 view 後按住 control，将 view 拉线到上方，点选 Top Space to Safe Area
   
   

5. 选取 view 後按住 control，将 view 拉线到右方，点选 Trailing Space to Safe Area（ 反之，左边就是 Leading Space to Safe Area ）

现在 view 有 4 条 layout 了，因此它就是一个基准点，再来就是剩下物件与它的关系：

1. 先固定剩余物件的宽和高

2. 点选物件後按住 control，将所选物件拉线到 view，点选 Vertical Spacing
   
   

3. 再点选刚刚的物件，按住 control 将此物件拉线到右方，点选 Trailing Space to Safe Area（ 反之，左边就是 Leading Space to Safe Area ）

4. 剩余物件重复上述1-3步骤

这样就完成啦！恭喜你学会 RGB 调色盘了，明天会有新的实作分享，敬请期待！