手把手教程｜在 iOS 系统开发出自己的第一个 App

很多同学都想亲自上手开发一个 iOS 移动应用，正好 FinClip iOS工程师梳理了一篇教程，感觉对于大家很有帮助，发上来和大家一起分享下。

开发一个 iOS App 大致需要以下 4 步：

1. 工具准备
2. 新建项目
3. 认识 Xcode
4. 添加代码
5. 运行程序

0X00 工具准备

工欲善其事必先利其器，一个 Mac 设备必不可少（ iMac、MacBook皆可），接下来下载最新版本的 Xcode 作为 iOS 开发的IDE（Integrated Development Environment ，集成开发环境，就是编辑、编译、链接、调试统统包含的一揽子开发环境，移动开发的 IDE 一般还会包含移动设备的模拟器）。

建议从 Mac App Store 进行下载和安装，免费哦~

0X01 新建项目

第一步，打开 Xcode，点击首页的 Create a new Xcode project

第二步，依次选择界面中的 iOS - App - Next

第三步，在 Product Name 中输入 hello, world 然后选择 Next

第四步，选择一个存储移动应用的文件夹，点击 create

第五步，一个初始的项目就建好了！

0X02 认识 Xcode

Xcode 开发环境的默认基本框架如上图：

• 左侧是项目的文件列表，或者叫项目导航（Project Navigator）（左侧实际包含更多的内容，切换左上角 8 个图标可以看到更多的页签）；
• 中间是我们的编辑区域（Editor），根据左侧点击的不同文件，中间会展示代码、界面、项目设置、素材等等；
• 右侧会有一些 Inspector 和 Library，这次暂时用不到。

0X03 添加代码

第一步，点击左侧项目导航中的 ViewController.m

在 ViewController.m 的代码中找到一个函数叫做 viewDidLoad，这个函数里已经有一行代码：

[super viewDidLoad];

在这行代码后面添加这一段代码：

UILabel* label = [[UILabel alloc]init];
label.text = @"hello world";
[label sizeToFit];
label.center = self.view.center;
[self.view addSubview: label];

在这里我们简单解释下这五行代码是干什么的：

//这一句创建了一个静态文本控件，未指定内容、大小和位置
UILabel *label = [[UILabel alloc]init];

//设置静态文本显示文字"Hello World"
//"@"的作用是把一个c风格的字符串"hello world"包装成一个NSString对象
label.text = @"hello world";

//让静态文本的大小自适应内容
[label sizeToFit];

//让静态文本居于整个视图的中央
label.center = self.view.center;

//将静态文本添加到主视图中
[self.view addSubview: label];

0X04 运行程序

第一步，回到 Xcode 界面中，选中苹果机型模拟器，点击左侧的播放按钮

第二步，你就会看到一个写着“hello world” 的应用跑起来了。

本文转载至 FinClip 博客。