1. 前语

本年团队在拉平大前端能力,需求学习原生 App 开发,先来写一个 HelloWorld iOS 页面。

2. 创建项目

2.1 装置 Xcode

xcode 怎么下载装置,能够到 AppStore 查找 Xcode 下载或许到 Xcode 官网

主张到官网,因为 AppStore 下载会经常遇到网络阻断、一向 loading 的问题。

环境:Xcode 14.2 版本,系统:macOS Monterey

想学习 iOS 开发?从 HelloWorld 页面开始

2.2 新建 Xcode 项目

1.挑选 iOS 方针与 App 运用模版

想学习 iOS 开发?从 HelloWorld 页面开始

2.填写信息,界面 Interface 挑选 Storyboard,运用语言 Objective-C。

想学习 iOS 开发?从 HelloWorld 页面开始

3.确认后,Xcode 默许会主动翻开这个项目

想学习 iOS 开发?从 HelloWorld 页面开始
通过文件夹检查,根目录下默许便是一个项目名 .xcodeproj 和一个项目名文件夹, 能够双击 HelloWorld.xcodeproj 文件,便是翻开的上述界面。

想学习 iOS 开发?从 HelloWorld 页面开始

3. 项目目录简介

3.1 .xcodeproj 文件夹

.xcodeproj 文件并不是一个文件,而是一个文件夹。在终端检查包含以下文件夹:

  • project.pbxproj 文件实质是一个 ASCII text 文件,存储着 Xcode 工程的各项配置参数。实质上是一个旧风格的 Property List 文件
  • project.xcworkspace 作业空间
  • xcuserdata 一般是跟用户相关的一些设置

以上文件可大约了解,现在不需求具体学习。

3.2 项目名文件夹

双击 HelloWorld.xcodeproj 在 Xcode 中翻开文件目录如下

想学习 iOS 开发?从 HelloWorld 页面开始

  • Main.stroyboard 故事板文件
  • LaunchScreen 运用发动故事版文件
  • Assets.xcassets 资源目录,能够用来办理图片

现在只需求了解 Main.stroyboard 就能够完成在界面上显示 Helloworld 文本。

4. 添加 Label 控件

4.1 Main.stroyboard

故事板能够用来构建界面,它实质上是一个 XML 文件,能够用来描绘运用中有哪些界面、界面有哪些视图元素,它们的布局、事情处理,以及界面之间是怎么导航的。

在这儿,我选中故事板下的 view 视图,并点击右上角的加号,在这儿选中一个 Label UI,添加到页面中,此刻发动运用即可看到 Jecyu 文本。

想学习 iOS 开发?从 HelloWorld 页面开始

这儿的 View Controller Scene 是视图操控场景,View Controller 是视图操控器,最后才是视图操控器办理的视图。

一个场景中包含一个视图操控器,视图操控器通过办理视图来显示界面,视图操控器有一个 view 特点,该特点可用于获得它所办理的视图。多个场景通过“过渡”衔接,过渡界说了场景之间的导航方式。

4.2 Info.plist

这个文件的效果便是供给运用在运转期的一些配置,能够看到程序实际履行的途径,故事板运用 Main.stroyBoard ,故事板运用的场景履行文件为 SceneDelegate 。

想学习 iOS 开发?从 HelloWorld 页面开始

想学习 iOS 开发?从 HelloWorld 页面开始

5. 发动程序,在模拟器中运转

点击左上角构建图标,点击运转

想学习 iOS 开发?从 HelloWorld 页面开始

6. 总结

怎么快速完成一个 Hello world iOS App。

  • 新建一个 Xcode 项目,挑选 iOS 方针。
  • 根目录下默许便是一个项目名 .xcodeproj 和一个项目名文件夹。
  • 项目名文件夹下挑选 Main.storyboard 故事板,挑选 View 特点,查找添加 Label 控件,输入 HelloWorld
  • 发动程序,即可在模拟器中运转

下一篇,我会先简单了解 Objective-C 的类知识,再介绍剩余项目名文件夹下的 .h.m等文件的效果,然后通过代码制作 Hello World。

参考资料

  • 《iOS 开发攻略从 HelloWorld 到 App Store 上架》作者关东升