为Swift Playground构建Live View：使用SwiftUI与UIViewRepresentable的实时交互

超越简单输出，利用Playground的PlaygroundLiveViewable协议，结合SwiftUI与UIViewRepresentable，创建实时可交互的教程与原型。 · 难度：入门 · +10XP

为Swift Playground构建Live View：使用SwiftUI与UIViewRepresentable的实时交互

Swift Playground中的Live View可以使代码结果可视化。本教程将讲解如何通过PlaygroundPage.current.setLiveView()显示SwiftUI视图或UIKit控件。还涵盖PlaygroundSupport框架的PlaygroundRemoteLiveViewProxy，以及如何添加手势、动画、计时器与代码联动。你将会做出一个实时绘制图表或交互式小游戏。

import PlaygroundSupport
import SwiftUI
struct InteractiveCircle: View {
    @State private var color: Color = .red
    var body: some View {
        Circle()
            .fill(color)
            .onTapGesture { color = color == .red ? .blue : .red }
    }
}
PlaygroundPage.current.setLiveView(InteractiveCircle())