初识 SwiftUI (基于 IOS 13+)_swiftui just

什么是 SwiftUI ？

2019年 WWDC 大会上，苹果宣布了基于 Swift 语言构建的全新 UI 框架 SwiftUI 。其界面布局完全抛弃了 Storyboard 和Autolayout ，采用了声明式的界面语言(DSL，即Domain Specific Language)，加上 Canvas 的实时预览功能，开发体验有了很大的提升。近年来随着编程思想、技术的进步，越来越多的开始使用声明式或函数式的方式来进行界面开发，现在大热的 React 和 Flutter 便是采取了声明式编程。在这种情况下，今年发布的SwiftUI当然也采取了声明式编程。

完整中文教程及代码请查看：SwiftUI 中文教程

1、SwiftUI 常用的控件：

2、如何在 SwiftUI Canvas 中添加多个预览模拟器？

修改 ContentView 页面的 struct ContentView_Previews: PreviewProvider 为：

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ForEach(["iPhone 8","iPhone SE"],id: \.self)
        {
            deviceName in
            ContentView()    // 页面
            .previewDevice(PreviewDevice(rawValue: deviceName))
            .previewDisplayName(deviceName)
        }
    }
}

重新启动 Canvas 即可~~~

3、Canvas 的使用：

• Canvas 具有实时预览功能，在 Xcode 中显示的快捷键 CMD + OPTION + ENTER，取消显示快捷键 CMD + ENTER
• 在 Xcode 中可以通过 Editor → Previews → Show View Bounds 展示视图边界，方便 UI 校对
• 点击 Canvas 左下角的针头可以固定当前的 Canvas ，以便点击其他 SwiftUI 界面时候不会随之变动 Canvas
• 选择 LivePreview，可以使静态画布变成实时的，我们可以直接在 Canvas 上进行手势操作、触发事件查看效果