创建联系人详情页面:iOS 应用的界面设计与布局优化
1. 使用 Segue 实现导航
在大多数优质应用中,往往不止拥有一个屏幕。用户在应用内从一个屏幕切换到另一个屏幕的过程,就是导航。导航是构建应用时非常重要的一环,理解 iOS 平台上的导航可能性和模式至关重要。而借助 Main.storyboard
文件来开启导航的探索和实践,是一个简单有效的方法。
以往,我们仅使用故事板为单个屏幕创建布局。但实际上,故事板的用途是设计应用的整个流程,包括每个屏幕和过渡效果。下面,我们将利用故事板添加一个新的 UIViewController
,作为联系人的详情页面。
具体操作步骤如下:
1. 打开 Main.storyboard
,从界面构建器右侧的对象库中拖出一个 UIViewController
,放置在当前布局的视图控制器旁边。此时,你会看到两个可设计的独立屏幕。
2. 从对象库中拖出一个 UILabel
,放入新的视图控制器中,将其置于视图中心,并输入一些文本,以便后续识别这是第二个视图控制器。
3. 点击右下角的“Pin”按钮,选择“Horizontal center”和“Vertical center”约束,将 UILabel
居中显示在其父视图中。
接下来,我们要连接应用中的第一个和第二个屏幕,这就需要创建一个选择 Segue。Segue 是从一个屏幕过渡到下一个屏幕的方式,不一定需要动画效果。使用故事板在屏幕间切换时,就是在使用 Segue。Seg