SwiftUI简单介绍

SwiftUI

核心理念 更好的应用程序,更少的代码

SwiftUI 是一种创新、极其简单的方法,可以利用Swift的强大功能在所有Apple平台上构建用户界面。只需要使用一组工具Api,即可为任何Apple设备构建用户界面。通过易于阅读和自然编写的申明性Swift语法,SwiftUI与新的Xcode设计工具无缝协作,使您的代码和设计保持完美同步。自动支持动态类型、Dark模式、本地化和辅助功能。意味着您的SwiftUI代码的第一行已经是您编写过得最强大的UI代码。

工具要求: Xcode11

声明语法

SwiftUI使用声明性语法,因此您只需要说明用户界面执行的操作即可。例如,您可以编写所需的项目列表,其中包含文字段,然后每个字段的对齐方法、字体和颜色。您的代码比以往任何时候都更简单、更易于阅读,从而节省了您的时间和维护。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import SwiftUI

struct Content : View {
@state var model = Themes.ListModel

var boby: some View {
List(model.items, action: model.selectItem){
Image(item.image)
VStack(aligment: .leading){
Text(item.title)
Text(item.subtitle)
}
}
}
}

这种声明样式甚至使用与复杂的动画。只需要几行代码,即可轻松的将动画添加到几乎任何概念中,并选择一组随时可用的效果。在运行时,系统处理创建平滑运动所需要的所有步骤,甚至可以处理中断以保持应用的稳定性。随着动画的简单,你将寻找新的方法来使你的App变的更灵动。

设计工具

Xcode11包括直观的新设计工具,使SwiftUI构建见面与拖放一样简单。当您的设计画布工作时,编辑的所有内容都与相邻编辑器中的代码完全同步。代码在您键入时立即显示为预览,并且您对该预览所做的任何更改都会立即显示在代码中。Xcode会立即重新编译你的更改,并将其插入到应用的运行版本中,在任何时候都是可见和可编辑的。

拖放: 只需要在画布上拖动控件,即可排列用户界面中的组件。单击以打开检查器可以选择字体、颜色、对齐方式和其他设计选项,并轻松使用光标重新排列控件。代码编辑中还提供了许多可视化编辑器。因此您可以使用检查器为每个控件发现新的修饰符。及时您更喜欢界面的手工编码部分也是如此。您可以从库中拖动控件,并将其方置画布上或者直接放在代码上。

动态更换: Swift编辑器和运行时完全嵌入到整个Xcode中,因此你的应用不断的构建和运行。您看到的画布不仅仅是用户界面的近似值,而是您的实体应用。Xcode可以直接在您的实时应用中编辑过得代码与Swift中的一项新功能‘动态替换’交换。

预览: 现在,您可以创建任何SwiftUI视图的一个或多个预览以获取示例数据,并配置用户能看到的几乎任何内容,如大字体、本地化或深色模式。预览还可以在任何设备任何方向显示您的UI

在所有Apple平台上的原生

SwiftUI是建立在数十年来创造世界上最具创新性和最直观的用户界面的经验至少的。用户喜爱的有关Apple生态系统的所用内容(如控件和特定于平台的体验)在您的代码中都很没。SwiftUI是真正的原生技术,因此你的应用可以通过少量的代码和交互设计画布直接访问每个平台的技术。

以上内容来自苹果官方网站

0%