当前位置: > > > Swift - StoryBoard中实现页面元素三等分(Auto Layout )

Swift - StoryBoard中实现页面元素三等分(Auto Layout )

Auto Layout 的本质是用一些约束条件对元素进行约束,从而让他们显示在我们需要他们显示的地方。下面本文演示如何在 storyboard 中通过设置约束实现三等分。

1,效果图

(1)界面上横向放置 3UIView,每个 view 高度固定,距离上方边距也是固定。
(2)左右两个 view 距离两侧边距也是固定。
(3)每个 view 的横向间距固定。宽度相等。
(4)上面约束设置完毕后,这个 3view 在不同尺寸的屏幕下都自适应宽度,从而实现三等分。
  • 4寸:
  • 5.5寸:

2,操作步骤

(1)在 storyboard 中放置 3 UIView,并调整好位置尺寸。

(2)相关约束设置见如下动画。
评论0