在Xcode11游乐场中使用SwiftUI

Question

我知道如何在常规的应用程序项目中使用Xcode11中的SwiftUI，但我想知道是否有一种方法可以在游乐场中使用它，即使我不能使用实时编辑器？

Answer 1

当然，这很简单：

import PlaygroundSupport

PlaygroundPage.current.liveView = UIHostingController(rootView: PlaygroundRootView())

public struct PlaygroundRootView: View {
    public init() {}

    public var body: some View {
        Text("Hello World!")
    }
}

点击此处查看更多信息：https://github.com/attoPascal/SwiftUI-Tutorial-Playground

Answer 2

在macOS Mojave上，除了使用PlaygroundPage.current.liveView之外，您还可以将SwiftUI视图绘制到图像中。这样你就可以在你的操场上拥有多个“实时视图”。

查看这篇文章：https://ericasadun.com/2019/06/20/swiftui-render-your-mojave-swiftui-views-on-the-fly/

示例代码驻留在https://gist.github.com/erica/fb5005f625207e108836175ff201d8f2中

renderedImage实用程序代码(版权归Erica Sadun所有！)

import PlaygroundSupport
import SwiftUI
extension UIView {
  var renderedImage: UIImage {
    let image = UIGraphicsImageRenderer(size: self.bounds.size).image { context in
      UIColor.lightGray.set(); UIRectFill(bounds)
      context.cgContext.setAlpha(0.75)
      self.layer.render(in: context.cgContext)
    }
    return image
  }
}
extension View {
  var renderedImage: UIImage {
    let window = UIWindow(frame: CGRect(origin: .zero, size: CGSize(width: 320, height: 160)))
    let hosting = UIHostingController(rootView: self)
    hosting.view.frame = window.frame
    window.rootViewController = hosting
    window.makeKey()
    return hosting.view.renderedImage
  }
}