1. 前语
本年团队在拉平大前端能力,需求学习原生 App 开发,先来写一个 HelloWorld iOS 页面。
2. 创建项目
2.1 装置 Xcode
xcode 怎么下载装置,能够到 AppStore 查找 Xcode 下载或许到 Xcode 官网
主张到官网,因为 AppStore 下载会经常遇到网络阻断、一向 loading 的问题。
环境:Xcode 14.2 版本,系统:macOS Monterey
2.2 新建 Xcode 项目
1.挑选 iOS 方针与 App 运用模版
2.填写信息,界面 Interface 挑选 Storyboard,运用语言 Objective-C。
3.确认后,Xcode 默许会主动翻开这个项目
通过文件夹检查,根目录下默许便是一个项目名 .xcodeproj 和一个项目名文件夹, 能够双击 HelloWorld.xcodeproj 文件,便是翻开的上述界面。
3. 项目目录简介
3.1 .xcodeproj 文件夹
.xcodeproj 文件并不是一个文件,而是一个文件夹。在终端检查包含以下文件夹:
- project.pbxproj 文件实质是一个 ASCII text 文件,存储着 Xcode 工程的各项配置参数。实质上是一个旧风格的 Property List 文件
- project.xcworkspace 作业空间
- xcuserdata 一般是跟用户相关的一些设置
以上文件可大约了解,现在不需求具体学习。
3.2 项目名文件夹
双击 HelloWorld.xcodeproj
在 Xcode 中翻开文件目录如下
- Main.stroyboard 故事板文件
- LaunchScreen 运用发动故事版文件
- Assets.xcassets 资源目录,能够用来办理图片
现在只需求了解 Main.stroyboard 就能够完成在界面上显示 Helloworld 文本。
4. 添加 Label 控件
4.1 Main.stroyboard
故事板能够用来构建界面,它实质上是一个 XML 文件,能够用来描绘运用中有哪些界面、界面有哪些视图元素,它们的布局、事情处理,以及界面之间是怎么导航的。
在这儿,我选中故事板下的 view 视图,并点击右上角的加号,在这儿选中一个 Label UI,添加到页面中,此刻发动运用即可看到 Jecyu 文本。
这儿的 View Controller Scene 是视图操控场景,View Controller 是视图操控器,最后才是视图操控器办理的视图。
一个场景中包含一个视图操控器,视图操控器通过办理视图来显示界面,视图操控器有一个 view 特点,该特点可用于获得它所办理的视图。多个场景通过“过渡”衔接,过渡界说了场景之间的导航方式。
4.2 Info.plist
这个文件的效果便是供给运用在运转期的一些配置,能够看到程序实际履行的途径,故事板运用 Main.stroyBoard ,故事板运用的场景履行文件为 SceneDelegate 。
5. 发动程序,在模拟器中运转
点击左上角构建图标,点击运转
6. 总结
怎么快速完成一个 Hello world iOS App。
- 新建一个 Xcode 项目,挑选 iOS 方针。
- 根目录下默许便是一个项目名 .xcodeproj 和一个项目名文件夹。
- 项目名文件夹下挑选 Main.storyboard 故事板,挑选 View 特点,查找添加 Label 控件,输入 HelloWorld
- 发动程序,即可在模拟器中运转
下一篇,我会先简单了解 Objective-C 的类知识,再介绍剩余项目名文件夹下的 .h 和 .m等文件的效果,然后通过代码制作 Hello World。
参考资料
- 《iOS 开发攻略从 HelloWorld 到 App Store 上架》作者关东升