iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

2020-01-14 20:21:20丽君

选中这个 button,将按钮背景色和前景色进行如下设置:  

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

将按钮左侧边界往左拖动直到自动吸附,留下一定的距离。右侧进行同样操作:  

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

选中这个 button,修改文字为 Swift on iOS:  

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

选中这个 button,点击 按钮2 ,选择这一项:  

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

这时候 button 周围会出现一些蓝色的线条,这些就是 Auto Layout 的约束项。

3. 大功告成,查看效果
3.5寸: 

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

4寸: 

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸