iOS界面旋转与自动布局技巧详解

### iOS界面旋转与自动布局技巧详解 #### 1. 指定旋转支持 在开发iOS应用时，我们需要考虑界面的旋转支持。在`BIDViewController.m`文件中，有一个由模板提供的`shouldAutorotateToInterfaceOrientation:`方法： ```objc - (BOOL)shouldAutorotateToInterfaceOrientation: (UIInterfaceOrientation)interfaceOrientation { // Return YES for supported orientations return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown); } ``` 这个方法是iOS询问视图控制器是否可以旋转到特定方向的方式。iOS设备有四种常见的持有方式，对应四种定义的方向： - `UIInterfaceOrientationPortrait` - `UIInterfaceOrientationPortraitUpsideDown` - `UIInterfaceOrientationLandscapeLeft` - `UIInterfaceOrientationLandscapeRight` 对于iPhone项目，模板默认支持除倒置之外的所有方向；而对于iPad项目，模板生成的`shouldAutorotateToInterfaceOrientation:`方法默认返回`YES`。当iOS设备改变方向时，活动视图控制器的`shouldAutorotateToInterfaceOrientation:`方法会被调用，该方法需要返回`YES`或`NO`，以表示应用程序的窗口是否应旋转以匹配新方向。 #### 2. Code Sense的使用 系统中有众多定义的常量，开发者很难全部记住。但我们可以利用Xcode的Code Sense功能，通过记住常用组的共同开头来快速查找常量。例如，当需要指定方向时，只需输入`UIInterfaceOrientation`（甚至`UIInterf`），然后按Escape键，就会弹出所有匹配项的列表。我们可以使用箭头键导航列表，并通过按Tab或Return键进行选择，这比在文档或头文件中查找值要快得多。 #### 3. 设计具有自动布局属性的界面 在Xcode中，选择`BIDViewController.xib`在Interface Builder中编辑文件。使用自动布局属性的好处是所需代码较少，我们只需在代码中指定支持的方向，其余的自动布局实现可以在Interface Builder中完成。 具体操作步骤如下： 1. 从库中拖动六个圆角矩形按钮到视图中，并为每个按钮分配一个标题，如`UL`（左上）、`UR`（右上）、`L`（左中）、`R`（右中）、`LL`（左下）和`LR`（右下）。 2. 构建并运行应用，在iPhone模拟器中选择“Hardware -> Rotate Left”，模拟将iPhone旋转到横向模式。此时会发现部分按钮可能消失，因为大多数控件默认保持与屏幕左侧和顶部的相对位置。 3. 为了让界面能合理适应屏幕大小，我们需要调整按钮的自动布局属性。 #### 4. 使用大小检查器的自动布局属性 单击视图上的左上按钮，然后按`⌘5`调出大小检查器。大小检查器中的自动布局属性设置区域如下： - 内部正方形代表当前对象。 - 内部正方形中的红色箭头代表对象内部的水平和垂直空间。点击箭头可在虚线和实线之间切换。如果水平箭头为实线，对象的宽度在窗口调整大小时可以自由变化；如果为虚线，iOS会尽量保持对象的原始宽度。垂直箭头同理。 - 内部正方形外部的四个红色`I`形代表所选对象的边缘与包含它的视图的相同边缘之间的距离。如果`I`为虚线，空间是灵活的；如果为实心红色，空间应尽可能保持恒定。 以下是不同设置的示例及效果： |设置|效果| |----|----| |默认设置|对象大小在其父视图调整大小时保持不变，与左边缘和上边缘的距离也保持不变| |将左上的两个实心红色`I`形变为虚线|对象大小保持不变，在父视图调整大小时会漂浮在中间| |点击内部正方形中的垂直箭头和上下的`I`形|对象的垂直大小可以变化，与窗口顶部和底部的距离保持不变| 通过多次更改自动布局属性并观察动画，我们可以了解不同设置对视图旋转和调整大小时的行为影响。 #### 5. 设置按钮的自动布局属性 为了让所有按钮在屏幕旋转时都能保持可见，我们需要为六个按钮设置合适的自动布局属性。设置完成后，保存nib文件，构建并运行应用，此时旋转屏幕，按钮应能保持在屏幕上。 在这个示例中，我们保持了按钮的大小不变，虽然所有按钮都可见且可用，但屏幕上有很多未使用的空间。我们可以尝试调整按钮的宽度或高度，以减少界面上的空白空间。 #