本章节会介绍Xcode的基本使用
- Xcode 下载
- Xcode 创建SwiftUI 项目
- SwiftUI项目的基本介绍
⚒️ 当我们开发项目时,首先我们需要一个顺手的编辑器,当然 Apple 提供了默认的编辑器,那就是Xcode,其他家也有对应的编辑器,著名的编辑器 工具发明厂商 jetbrains, 就有类似的工具 Appcode,有兴趣可以看看,但是我们只介绍Xcode。
那么该如何下载 Xcode了?
我默认你是有 Apple 电脑的,不管是mini,还是mac,他都可以开发App。
首先我们打开AppStore App,搜索Xcode,即可下载开发工具。AppStore App 是 macOS 系统自带的下载 app 的途径,这里面都是官方审核加密过的app,还是非常安全的。
点击蓝色的安装下载即可,我这里已经下载过了,所有就是Open的字样按钮。
Xcode 创建 SwiftUI 项目
下载完成后,打开Xcode可以看到有很多选项,可以穿件很多中类型的app,例如iMessage App,Sticker App,Reality Ap 等,我们这里就创建iOS栏目下的 App就可以了。
点击下一步
Product Name: App的名称,不要用特殊字符和空格 【例如:SwiftTutorail】
Team: 如果你的app要上架到应用商店,那么你就需要注册苹果的开发者账号,个人账号一年99$ , 这里就是你注册完开发者账户时的账号/团队名称【例如:None】
Organization Identifier: 组织的标识,通常格式为com. domain.project 【例如:com.google.swiftuiapp】
Bundle Identifier: App的唯一标识,如果你上架appstore,那么你在开发者账号,后台就需要填写一个app的唯一标识,这里填写的需要和后台创建的app的标识一致
Interface: 编写界面使用的方式,这里提供了 SwiftUI 和 Storyboard 两种方式,这里选择 SwiftUI
Language: 这里现在只有Swift,以前的版本会有Object和Swift两个选项。
继续点击下一步,我们就可以看到项目已经建立好了
SwiftUI项目的基本介绍
界面打开分为了四部分
1. 左侧文件目录,排列了项目的所有文件和资源
2. 中间左边部分,代码编辑区
3. 中间右边部分,app实时预览区
4. 属性编辑查看区域
打开左侧 SwiftTutorialApp.swift 文件,可以看到一个 @main的英文,标识这个文件是项目启动的入口文件
Assets.xcassets 是资源文件目录。里面包含了你使用的图片资源以及你的App icon
对于初学者,刚开始不知道到底有哪些可用组建。这时候我们可以点击Xcode的 “ + ” 来提示
可以看到图上有两个红色框,先点击右上角的+号按钮,然后会弹出一个代码资源提示框,这里面有当前项目包含的代码块,资源,内置颜色等。当我们双击对应的组建时,Xcode就会自动把代码放入到代码编辑区。
当我们鼠标聚焦在组建上时(例如:Button),右侧会出现组件的属性。对于初学者很有用,可以快速帮助你了解,当前组件有什么属性
好了,此文章带你了解了基本的Xcode知识,后面的章节会陆续更新有关SwiftUI组件的介绍和使用。感谢观看