SwiftUI(1)初体验

初体验SwiftUI，编学编写。欢迎交流指点。

SwiftUI看起来就很想H5的编程模式，跟原有的iOS UI框架 UIKit 整体完全不同。

原有：

let text =UITextField.init(frame:CGRect(x:0,y:0,width:100,height:30))

text.text="UIKit"

self.view?.addSubview(text)

SwiftUI：

Text("SwiftUI")

正如官网所言Better apps. Less code：用更少的代码构建更好的应用。

创建项目选择SwiftUI

image

第一个页面

image

Xcode 会自动生成ContentView文件, 打开该文件就会自动生成Hello world!的代码。

image

View是SwiftUI中的一个基础协议(protocol)。该协议用来渲染页面和提供页面的一些修饰器(modifier)。 通过继承View协议来创建自定义View。

ContentView实现了View协议中的body计算属性(computed property ).body需要返回自定义页面的内容。

body的类型是some View,some View表示无论返回什么类型都一定是满足View协议的类型。

View协议提供丰富的修饰器(modifier)来配置view的样式比如：

frame用于控制View的大小

padding提供View的内边距

background提供View的背景

foregroundColor提供View前景颜色

每调用View的修饰器(modifier)返回一个新View,最终显示的效果跟调用修饰器顺序是有关系的。