【从零开始的Swift开发心路历程-Day8】打造美观的App版面！Constraints约束篇

在storyboard新增完元件後，执行之後常常会遇到模拟器的元件位置并不是元件在storyboard的位置，这是因为每个手机的萤幕尺寸不一，产生所谓的跑版现象，而解决这个问题的方法就是帮元件拉约束

Constraints约束

你可以透过点选元件并按下control加拉滑鼠来新增约束

Safe Area指的是手机上没有预设功能的区域，以这台手机来说，就是中间这一大块蓝色的区域

Trailing Space、Bottom Space、Leading Space、Top Space分别为元件对Safe Area右、下、左、上的距离

而Center Horizontally、Center Vertically则是使元件位於Safe Area的正中间

你也可以透过这里调整元件在萤幕中的位置

值得注意的一点是Safe Area从右上到左下的座标为(0,0)～(2,2)，像把X,Y的Multiplier设定成(1,1)的话，元件就会位於Safe Area的正中间

假如你想调整元件与元件之间的位置关系

你可以透过点选元件并按下control将其拉至另一个元件来新增约束
那约束篇就讲到这里啦～我们明天见