Skip to content

创建一个类别行视图

Landmarks App 在一个水平滚动的行视图上显示每个分类。添加一个新的视图类型来表示行视图,然后在这个新视图中显示该分类所有的地标。

重新使用你在 创建和组合视图 中创建的 landmark 视图的部分内容来创建地标预览

第 1 步

Categories 目录创建一个新的视图 CategoryRow.swift 来保存行的内容。

第 2 步

CategoryRow 视图需要保存显示特定地标分类的信息以及对应的地标。

第 3 步

显示该类别的名称。

第 4 步

将该类别的项目放在一个 HStack 中,并用 VStack 进行分组。

第 5 步

调用 frame(width:height:),让行视图的空间大一些,然后把 HStack 包装在一个 ScrollView 中。

使用很长的数据样本更新预览来确保可以正确滚动。

第 6 步

Categories 目录创建一个名为 CategoryItem 的自定义视图,显示一个地标。

第 7 步

CategoryRow.swift 文件中,用新的 CategoryItem 视图替换地标名称的 Text

创建一个类别行视图 has loaded