13、iOS 界面开发：开关、按钮与分段控件实现指南

iOS 界面开发：开关、按钮与分段控件实现指南

1. 界面约束处理

在界面开发中，有时会遇到一些并非我们主动要求的情况，这其实是 Interface Builder 工作方式带来的副作用，它有助于创建响应式和流畅的图形用户界面（GUI）。之前我们创建了一些默认约束，现在可以看到其中一个约束在起作用，Interface Builder 创建的约束之一能保持元素间的水平距离恒定。

若想覆盖这种默认行为，可以创建自己的约束。操作步骤如下：
1. 回到 Xcode，在 nib 文件中选择滑块。
2. 从菜单中选择 Editor ➤ Pin ➤ Width 。这会创建一个高优先级的新约束，告知布局系统“不要改变此滑块的宽度”。
3. 按下 ⌘R 再次构建并运行应用，会发现滑块在拖动时不再伸缩。

2. 实现开关、按钮和分段控件

2.1 添加分段控件

回到 Xcode 的故事板，按以下步骤操作：
1. 从对象库中拖动一个分段控件到视图窗口，放置在滑块稍下方。
2. 扩展分段控件的宽度，使其从视图的左边缘延伸到右边缘。
3. 双击分段控件上的 “First” 字样，将标题改为 “Switches”。
4. 对 “Second” 分段重复上述操作，将其重命名为 “Button”。

2.2 添加两个带标签的开关

接着添加开关：
1. 从库中抓取一个开关，放置在分段控件下方并紧贴左边缘。
2. 拖动第二个开关，使其与第一个开关垂直对齐并紧贴右边缘。