外观风格
自定义行视图的预览
Xcode 的画布会自动识别并显示当前编辑器中符合 PreviewProvider
协议的任何类型。PreviewProvider
会返回一个或多个视图,并可以在其中设置尺寸大小和设备类型。
通过自定义从 PreviewProvider
返回的内容,我们可以控制预览显示的内容。

第 1 步
在 LandmarkRow_Previews
中,把 landmark
的参数改成 landmarkData
数组的第二个元素。
预览会立即更新,显示第二个元素。

第 2 步
使用 previewLayout(_:)
修饰符设置行视图在列表中的预览显示大小。

此时,预览画布的大小变成了 300 x 70 。
可以在 PreviewProvider
中使用 Group
来返回多个预览。
第 3 步
将返回的行包装在一个 Group
中,并且把第一个行视图添加回来。
Group
是一个用于组合视图的容器。Xcode 会在画布中把 Group
的子视图当作各自的预览渲染出来。

第 4 步
为了简化代码,将 previewLayout(_:)
的调用移到 Group
声明的外面。
技巧
一个视图的子项会继承视图的上下文设置,比如这里的预览设置。
在 PreviewProvider
中编写的代码只会改变 Xcode 在画布中的显示,对最终的应用程序不会有影响。