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

2020-01-14 20:21:20丽君
易采站长站为您分析iOS应用开发中使用Auto Layout来适配不同屏幕尺寸的方法,根据Xcode IDE下的实际调试步骤讲解其用法,需要的朋友可以参考下  

简介
Auto Layout 是苹果在 Xcode 5 (iOS 6) 中新引入的布局方式,旨在解决 3.5 寸和 4 寸屏幕的适配问题。屏幕适配工作在 iPhone 6 及 plus 发布以后变得更加重要,而且以往的“笨办法”的工作量大幅增加,所以很多人开始学习使用 Auto Layout 技术。

初体验
0. 开发环境

本系列文章的开发环境为:

OS X 10.10.3
Xcode Version 6.3.1 (6D1002)
1. 新建应用

新建一个 Single View Application,命名为 AutoLayout,如下:

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

点击选中 Main.storyboard,右侧内容如下:

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

两个按钮将会在未来的开发中产生巨大的作用,他们将拥有本系列文章的全局名称:按钮1,按钮2。请先记下他们的位置。

2. 直接上手,开始使用

这也是我对学习新的软件编程技术的基本学习方法:有一个具体客观驱动的目标,例如做一个真正要给客户用的软件,而不是“为了学习新技术提高自己”这类伪目标。

让我们直接上手:绘制一个距离左右边都有一定距离、固定高度、垂直居中的按钮,叫“Swift on iOS”。

第一步,从右侧拖过来一个按钮,置于页面最中间。会有参考线出现,这一步很容易:

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