预览中的Mac设备的SwiftUI预览

Question

当我开发macOS应用程序时，如何将Xcode Preview渲染到iMac设备上

   struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
           ContentView()
    }
   }

我所看到的只是我编写的代码，但是我想在整个设备上都看清楚整个设备，甚至我还没有写行代码。

我在MacBook和iMac Pro上运行Xcode，并希望在预览中看到两个设备

任何帮助都倍受重视！

Answer 1

尝试以下操作：

struct ContentView_Previews: PreviewProvider {
   static var previews: some View {
       ContentView()
           .previewDevice(PreviewDevice(rawValue: "Mac"))
   }
}

您可以为该rawValue指定的设备列表（截至目前）为：

• “ Mac”
• “ iPhone 7”
• “ iPhone 7 Plus”
• “ iPhone 8”
• “ iPhone 8 Plus”
• “ iPhone SE”
• “ iPhone X”
• “ iPhone Xs”
• “ iPhone Xs Max”
• “ iPhone Xr”
• “ iPad mini 4”
• “ iPad Air 2”
• “ iPad Pro（9.7英寸）”
• “ iPad Pro（12.9英寸）”
• “ iPad（第5代）”
• “ iPad Pro（12.9英寸）（第二代）”
• “ iPad Pro（10.5英寸）”
• “ iPad（第六代）”
• “ iPad Pro（11英寸）”
• “ iPad Pro（12.9英寸）（第三代）”
• “ iPad mini（第5代）”
• “ iPad Air（第三代）”
• “ Apple TV”
• “ Apple TV 4K”
• “ Apple TV 4K（1080p）”
• “ Apple Watch Series 2-38mm”
• “ Apple Watch Series 2-42mm”
• “ Apple Watch Series 3-38mm”
• “ Apple Watch Series 3-42mm”
• “ Apple Watch Series 4-40mm”
• “ Apple Watch Series 4-44mm”

Apple的文档对此有些乏味，但是可以在以下链接中找到有关此文档的一些信息： https://developer.apple.com/documentation/swiftui/previewdevice

我购买了一个macOS App，该App出色地完成了SwiftUI文档的筛选（比苹果公司推出的产品要好得多）。它有点贵，但是如果您有兴趣，可以在以下位置找到： https://apps.apple.com/us/app/a-companion-for-swiftui/id1485436674?mt=12