12、开发简单天气应用的详细指南

开发简单天气应用的详细指南

1. 首页屏幕搭建

1.1 初始设置

当运行空项目应用时，屏幕上会显示一个单一的视图控制器。为了描绘出首页屏幕，需要从原型中添加关键特性。首先从显示地点名称和下方的天气信息开始。

1.2 添加标签

为了实现这一目标，需要添加两个标签并更改它们的字体大小，同时正确定位它们。目前先聚焦于标准的 iPhone 6/7/8 设备，后续会讨论如何使布局更灵活，以适配不同的 iPhone 屏幕。具体步骤如下：
1. 添加一个显示温度的标签，该标签应居中显示，并且需要一个度数符号。插入度数符号的操作步骤为：导航到“编辑”|“表情符号与符号”，然后在顶部的搜索框中输入“degree”，它就会出现。
2. 添加 UICollectionView ，用于显示从当前时刻开始每小时的天气预报。当拖动 UICollectionView 时，设置数据渲染的位置，但还需要为每个数据项提供一个单元格。单元格应包含一个显示时间的标签和一个显示当前天气的图像，这样可以节省空间，还能再添加一个标签来显示当前时刻的温度。
3. 不要忘记将 UICollectionView 项的滚动方向设置为水平。操作方法是在属性检查器（从左到右的第四个标签）中进行设置。
4. 接下来，使用 UITableView 显示未来 5 天的天气预报，但不需要太详细的信息。
5. 最后，添加一个名为“Favorites”的按钮，用于选择不同的地点。后续可以支持收藏地点列表，方便访问其中任何一个地点，但目前让应用保持简单。