手把手教程|在 iOS 系统开发出自己的第一个 App | 您所在的位置:网站首页 › 手机徽章制作软件app › 手把手教程|在 iOS 系统开发出自己的第一个 App |
很多同学都想亲自上手开发一个 iOS 移动应用,正好 FinClip iOS工程师梳理了一篇教程,感觉对于大家很有帮助,发上来和大家一起分享下。 开发一个 iOS App 大致需要以下 4 步: 工具准备新建项目认识 Xcode添加代码运行程序0X00 工具准备工欲善其事必先利其器,一个 Mac 设备必不可少( iMac、MacBook皆可),接下来下载最新版本的 Xcode 作为 iOS 开发的IDE(Integrated Development Environment ,集成开发环境,就是编辑、编译、链接、调试统统包含的一揽子开发环境,移动开发的 IDE 一般还会包含移动设备的模拟器)。 建议从 Mac App Store 进行下载和安装,免费哦~ 在 Mac App Store 搜索 Xcode,第一个就是了0X01 新建项目第一步,打开 Xcode,点击首页的 Create a new Xcode project 第一行,不要点错了第二步,依次选择界面中的 iOS - App - Next 其实 Xcode 提供了非常多的应用,比如游戏,虚拟现实,iMessage 应用等等第三步,在 Product Name 中输入 hello, world 然后选择 Next 每一个写代码的初学者,都精通于通过各种语言写出第一个 Hello, world第四步,选择一个存储移动应用的文件夹,点击 create 在这里我们把文件夹放在了桌面第五步,一个初始的项目就建好了! 0X02 认识 Xcode这就是 Xcode 的开发界面Xcode 开发环境的默认基本框架如上图: 左侧是项目的文件列表,或者叫项目导航(Project Navigator)(左侧实际包含更多的内容,切换左上角 8 个图标可以看到更多的页签);中间是我们的编辑区域(Editor),根据左侧点击的不同文件,中间会展示代码、界面、项目设置、素材等等;右侧会有一些 Inspector 和 Library,这次暂时用不到。0X03 添加代码第一步,点击左侧项目导航中的 ViewController.m 记住,不要点击错了在 ViewController.m 的代码中找到一个函数叫做 viewDidLoad,这个函数里已经有一行代码: 代码语言:javascript复制[super viewDidLoad];在这行代码后面添加这一段代码: 代码语言:javascript复制UILabel* label = [[UILabel alloc]init]; label.text = @"hello world"; [label sizeToFit]; label.center = self.view.center; [self.view addSubview: label];在这里我们简单解释下这五行代码是干什么的: 代码语言:javascript复制//这一句创建了一个静态文本控件,未指定内容、大小和位置 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 界面中,选中苹果机型模拟器,点击左侧的播放按钮 我们在图中选择的是 iPhone 13 机型第二步,你就会看到一个写着“hello world” 的应用跑起来了。 是不是很简单?快来试试吧本文转载至 FinClip 博客。 |
CopyRight 2018-2019 实验室设备网 版权所有 |