如何在Storyboard中用AutoLayout将UILabel顶部设为屏幕高度比例

嘿，这个需求用AutoLayout的比例约束就能轻松搞定，全程在Storyboard里可视化操作，不用写代码，步骤如下：

• 第一步：确保你的UILabel的父视图（通常是ViewController的根View）是全屏布局的，已经占满整个屏幕。
• 第二步：选中UILabel，按住Control键，从Label上拖到父视图，松开鼠标后在弹出的菜单中选择Vertical Space（创建Label顶部到父视图顶部的间距约束）。
• 第三步：在Storyboard的右侧面板中，选中刚才创建的顶部间距约束，打开Size Inspector（尺寸检查器，图标是一把尺子）。
• 第四步：找到约束的Multiplier（乘数）属性，将默认的1修改为0.4，同时把Constant（常量）设置为0。这一步的原理是让顶部间距的高度 = 父视图高度 × 0.4，刚好满足你要的40%比例。
• 第五步：别忘了给Label添加水平方向的约束，比如选择Horizontal Center in Container（在容器中水平居中），或者根据需求设置左右边距，避免Label在水平方向上的位置混乱。
• 第六步：点击Storyboard右上角的Resolve Auto Layout Issues按钮（图标是一个三角形加感叹号），选择Update Frames，让Label立刻更新到正确的位置。

如果你的项目需要适配Safe Area，想要基于Safe Area的高度来计算比例，只需要在第二步中把拖曳的目标改成Safe Area而不是父视图，后续的Multiplier设置保持一致就可以了。

这样设置后，不管在iPhone SE还是iPhone 14 Pro Max这类不同尺寸的设备上，Label的顶部都会始终保持在对应高度的40%位置，完美解决固定间距适配效果不一致的问题～

内容的提问来源于stack exchange，提问作者Ahmed