Swift - StoryBoard中实现页面元素三等分(Auto Layout )
Auto Layout 的本质是用一些约束条件对元素进行约束,从而让他们显示在我们需要他们显示的地方。下面本文演示如何在 storyboard 中通过设置约束实现三等分。
1,效果图
(1)界面上横向放置 3 个 UIView,每个 view 高度固定,距离上方边距也是固定。
(2)左右两个 view 距离两侧边距也是固定。
(3)每个 view 的横向间距固定。宽度相等。
(4)上面约束设置完毕后,这个 3 个 view 在不同尺寸的屏幕下都自适应宽度,从而实现三等分。
- 4寸:
- 5.5寸:
2,操作步骤
(1)在 storyboard 中放置 3 个 UIView,并调整好位置尺寸。
(2)相关约束设置见如下动画。