xcode - 在 Xcode 中简化 SwiftUI 预览

Question

我的应用程序通常会运行很多代码，我想在预览中跳过它们。耗时且没有可见效果的代码(例如初始化音频设备)。我想弄清楚如何跳过它进行预览。

有一种简单的方法可以使用 DEBUG 宏仅在应用程序的生产版本中运行代码。但我不知道非预览版有什么类似的东西(因为预览版可能与非预览版构建了相同的代码)。

我以为设置一个变量，previewMode ，在我的 ViewModel 中，可以工作。这样我只能在 PreviewProvider 中将它设置为 true:

struct MainView_Previews: PreviewProvider {

    static var previews: some View {
        let vm = ViewModel(previewMode: true)
        return MainView(viewModel: vm)
    }
}

当我在 SceneDelegate 中创建 ViewModel 时，我可以设置 previewMode至 false :

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {

    let vm = ViewModel(previewMode: false)
    let mainView = MainView(viewModel: vm)

    // Use a UIHostingController as window root view controller.
    if let windowScene = scene as? UIWindowScene {
        let window = UIWindow(windowScene: windowScene)
        window.rootViewController = UIHostingController(rootView: mainView)
        self.window = window
        window.makeKeyAndVisible()
    }
}

这样我就可以在 if !previewMode { ••• } 中附上我不想运行预览的任何代码

不幸的是，代码仍在运行。显然是 scene()每当我的预览更新时都会调用函数。 :(

如何指定不运行预览的代码？

谢谢!

Answer 1

实际上，实时预览模式运行时与模拟器 Debug模式运行时没有太大区别。当然，这旨在为我们提供代码执行的快速(尽可能)反馈。

无论如何，这里有一些发现......对于某些非常需要检测预览的情况，它们可能用作解决方案/变通方法。

因此从头开始创建 SwiftUI Xcode 模板项目并在生成的实体的所有功能中添加 print(#function)操作说明。

内容 View .swift

import SwiftUI

struct ContentView: View {
    init() {
        print(#function)
    }

    var body: some View {
        print(#function)
        return someView()
            .onAppear {
                print(#function)
            }
    }

    private func someView() -> some View {
        print(#function)
        return Text("Hello, World!")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        print(#function)
        return ContentView()
    }
}

执行调试预览并查看输出:

application(_:didFinishLaunchingWithOptions:)
application(_:configurationForConnecting:options:)
scene(_:willConnectTo:options:)
init()
sceneWillEnterForeground(_:)
sceneDidBecomeActive(_:)
2020-06-12 16:08:14.460096+0300 TestPreview[70945:1547508] [Agent] Received remote injection
2020-06-12 16:08:14.460513+0300 TestPreview[70945:1547508] [Agent] Create remote injection Mach transport: 6000026c1500
2020-06-12 16:08:14.460945+0300 TestPreview[70945:1547482] [Agent] No global connection handler, using shared user agent
2020-06-12 16:08:14.461216+0300 TestPreview[70945:1547482] [Agent] Received connection, creating agent
2020-06-12 16:08:15.355019+0300 TestPreview[70945:1547482] [Agent] Received message: < DTXMessage 0x6000029c94a0 : i2.0e c0 object:(__NSDictionaryI*) {
    "updates" : <NSArray 0x7fff8062cc40 | 0 objects>
    "id" : [0]
    "scaleFactorHint" : [3]
    "providerName" : "11TestPreview20ContentView_PreviewsV"
    "products" : <NSArray 0x600000fcc650 | 1 objects>
} > {
    "serviceCommand" : "forwardMessage"
    "type" : "display"
}
__preview__previews
init()
__preview__body
__preview__someView()
__preview__body
__preview__body
__preview__someView()
__preview__body

很明显，应用启动的完整工作流程已在开始时执行 AppDelegate > SceneDelegate > ContentView > Window和 只有在此之后 PreviewProvider 部分。

在后面的部分中，我们看到了一些有趣的东西 - ContentView 的所有功能在预览模式下有 __预览 前缀(init 除外)!!

所以，最后，这里是可能的解决方法 (免责声明!!! - 风险自负 - 仅演示)

以下变体

struct ContentView: View {

    var body: some View {
        return someView()
            .onAppear {
                if #function.hasPrefix("__preview") {
                    print("Hello Preview!")
                } else {
                    print("Hello World!")
                }
            }
    }

    private func someView() -> some View {
        if #function.hasPrefix("__preview") {
            return Text("Hello Preview!")
        } else {
            return Text("Hello World!")
        }
    }
}

给这个