ios - 如何在 SwiftUI 中以横向模式预览设备？

Question

如何在 SwiftUI 中以横向模式预览设备？

我只有这样一个简单的预览：

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

Answer 1

Xcode 13

现在您可以使用修饰符在横向模式下预览，.previewInterfaceOrientation使其landscapeLeft或landscapeRight.

_{⚠️ WWDC21 使用的以下图片horizontal在Xcode 13 betavertical中不可用！}

---

老但不是无用的方法：

您可以将大小设置为您想要的任何横向大小PreviewProvider：

struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        ContentView()
           .previewLayout(.fixed(width: 1024, height: 768))
           // iPad Mini landscape size
    }
}

这是iPad Mini横向模式大小。

更新：Xcode 从 IDE 左上角的选定模拟器中检测到与预览相关联的设备，它将按照您对某些 iPad 和 iPhone 横向模式的预期应用安全区域。

主从演示

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Master")
            Text("Detail")
        }
    }
}

此外，您可以根据需要使用这两个修饰符：

    .environment(\.horizontalSizeClass, .regular)
    .environment(\.verticalSizeClass, .compact)

Answer 2

ContentView().previewLayout(PreviewLayout.fixed(width:568,height:320))

查看 - 不同设备的 IOS 屏幕尺寸

Answer 3

iOS 15 / Xcode 13

从 iOS 15 开始，我们可以使用previewInterfaceOrientation：

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