为了账号安全,请及时绑定邮箱和手机立即绑定

在ios上写出第一行 Hello World

https://img2.sycdn.imooc.com/61e6188300010e8920001333.jpg


地球上最流行的移动操作系统,非苹果公司的 iOS 与谷歌公司的 Android 系统莫属了,那如何写出自己的第一个 App,并且能够跑在 iOS 与 Android 系统上呢?FinClip的工程师给大家编写了手把手教程,一起来看看吧。

iOS 篇

开发一个 iOS 移动应用大致需要以下 4 步:

  1. 工具准备

  2. 新建项目

  3. 认识 Xcode

  4. 添加代码

  5. 运行程序

0X00 工具准备

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

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

https://img1.sycdn.imooc.com/61e618840001a35b15000920.jpg在 Mac App Store 搜索 Xcode,第一个就是了

0X01 新建项目

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

https://img1.sycdn.imooc.com/61e618850001dfc509920914.jpg第一行,不要点错了

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

https://img4.sycdn.imooc.com/61e6188500018d0614601040.jpg其实 Xcode 提供了非常多的应用,比如游戏,虚拟现实,iMessage 应用等等

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

https://img4.sycdn.imooc.com/61e618850001296414601040.jpg每一个写代码的初学者,都精通于通过各种语言写出第一个 Hello, world

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

https://img3.sycdn.imooc.com/61e618860001178b14321030.jpg在这里我们把文件夹放在了桌面

第五步,一个初始的项目就建好了!

0X02 认识 Xcode

https://img1.sycdn.imooc.com/61e618860001bb4a15000863.jpg这就是 Xcode 的开发界面

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

  • 左侧是项目的文件列表,或者叫项目导航(Project Navigator)(左侧实际包含更多的内容,切换左上角 8 个图标可以看到更多的页签);

  • 中间是我们的编辑区域(Editor),根据左侧点击的不同文件,中间会展示代码、界面、项目设置、素材等等;

  • 右侧会有一些 Inspector 和 Library,这次暂时用不到。

0X03 添加代码

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

https://img3.sycdn.imooc.com/61e618870001f00416101234.jpg记住,不要点击错了

在 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 界面中,选中苹果机型模拟器,点击左侧的播放按钮

https://img4.sycdn.imooc.com/61e618870001c2b112580760.jpg我们在图中选择的是 iPhone 13 机型

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

https://img4.sycdn.imooc.com/61e618880001c5f620001385.jpg是不是很简单?快来试试吧



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消