SwiftUI官⽅教程-学习使⽤SwiftUI开发应⽤-创建并组合试图
（上）
这个教程指导你通过创建Landmarks应⽤程序来学习如何使⽤SwiftUI来创建各种类型的视图，并学习如何组合它们以达到你想要的最终效果。第1部分 创建新项⽬
step1
打开Xcode，在欢迎界⾯选择"Create a new Xcode project"
截屏2020-03-23下午11.54.42.png
或选择菜单File > New > Project
截屏2020-03-23下午11.56.42.png
创建新项⽬
step2
xcode界面
进⼊模版选择页⾯，选择"Single View App" > Next
截屏2020-03-23下午11.59.36.png
step3
为⾃⼰的项⽬填⼊项⽬名称Landmarks，language选择Swift，User Interface 选择SwiftUI 然后Next
截屏2020-03-24上午12.00.02.png
step4
进⼊项⽬开发界⾯后看到的界⾯如下：
截屏2020-03-24上午12.08.17.png
Xcode打开项⽬后，界⾯主要分为三块，⽂档结构视图、代码编辑区和视图预览区。其中的视图预览区，是SwiftUI的新特⾊，在代码编辑区做的任何修改，都可以在预览区预览代码修改效果
step5
点击视图预览区的Resume即可以打开视图预览功能，可以看到⼀个iphone的模拟视图，以及后续修改视图代码的效果展⽰
step6
在⽂档结构视图⾥选择ContentView.swift，将默认"Hello,World!"修改成⾃定义的⼀个字符串，⽐如"Hello,SwiftUI!"，右侧的视图预览区会实时显⽰修改效果
截屏2020-03-24上午12.21.51.png
第2部分 ⾃定义Text视图
step1
control+option点击代码编辑区的Text，弹出组件查看器，可以对Text组件的⼀些属性进⾏修改
截屏2020-03-24上午12.30.40.png step2
把Text修改为"Turtle Rock"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。