SwiftUI 入门指引教程(一)

        SwiftUI 是为 iOS/macOS/tvOS 等 Apple 生态提供一套统一的UI框架。对于写 iOS 的同学,假如去开发 macOS,就不需要再学一次 AppKit 了,降低了苹果生态下跨平台的门槛。并且 Xcode 11 针对 SwiftUI 还提供了热加载 和 preview,能够大幅度提高UI开发效率。SwiftUI 提供了一种声明式的 UI 编写方式,结合新推出的响应式框架(Combine),iOS 生态下终于可以像 Flutter、React 那样写代码了 


        使用SwiftUI 开发项目需要的环境:

Mac OS :10.15 Beta 版

Xcode :11.0 beta


1:注意创建项目时需要勾选支持SwiftUI 

SwiftUI 入门指引教程(一)_第1张图片
创建项目时注意勾选支持SwiftUI 

2:支持时时刷新UI 

SwiftUI 入门指引教程(一)_第2张图片
支持时时刷新UI

3:创建一个SwiftUI View


SwiftUI 入门指引教程(一)_第3张图片
创建一个SwiftUI View

4:布局容器的使用

VStack:VStack 是 SwiftUI 的一个布局容器,它里面的内容会竖向排列

HStack:HStack 是 SwiftUI 的一个布局容器,它里面的内容会横向排列

SwiftUI 入门指引教程(一)_第4张图片
布局容器

5:swiftUI 中使用项目中现有属性


SwiftUI 入门指引教程(一)_第5张图片

完全支持拖拽空间

总之:虽然只是一个SwiftUI 的beta 版本,可以看到Swift 或者苹果的野心,还是不断的坚守自己的阵地,和Flutter 一较高下,相信有不少iOSer已经在尝试去使用SwiftUI,本篇文章只是简单对SwiftUI 的使用,如何快速的搭建自己的demo,进行快速学习,在 Xcode 11 beta 版中,SwiftUI 的表现还有些小瑕疵,比如代码提示,以及视图编辑后的代码联动还存在卡顿问题,就像早起的 Swift 语言编辑器一样,代码提示的速度也是明显比 Objective-C 要慢,高效的是时时查看效果会让开发者节省不少的开发时间,使用SwiftUI 开发可以说非常轻松和愉悦,

你可能感兴趣的:(SwiftUI 入门指引教程(一))