外观风格
完成分类视图
将行和特色图片添加到分类首页。
![](https://cdn.konnga.cn/devcursor/swift-ui/06040H_.gif)
第 1 步
更新 CategoryHome.swift
的 body
属性,将类别信息传递给行类型的实例。
![](https://cdn.konnga.cn/devcursor/swift-ui/060401.png)
接下来,将要在视图的顶部添加一个特色地标。
第 2 步
在 Landmark.swift
文件中,添加一个新的 isFeatured
属性。
第 3 步
在 ModelData.swift
中,添加一个新的 features
数组,其中只包含 isFeatured
值为 true
的地标。
第 4 步
在 CategoryHome.swift
中,将 features
数组的第一个元素的图片添加到列表的顶部。
我们会在稍后的教程中把这个视图转换成一个可交互的轮播。目前,它显示一个缩放并裁剪后的地标特征图片。
![](https://cdn.konnga.cn/devcursor/swift-ui/060404.png)
第 5 步
把地标预览两边的 edge insets
都设置成 zero
,这样内容就可以展开到显示的边缘。
![](https://cdn.konnga.cn/devcursor/swift-ui/060405.png)