从零开始学ios开发(二):Hello World!来啦!

时间:2023-12-30 22:43:50

今天看了书的第二章,主要介绍了一下Xcode的使用方法和一些必要的说明,最后做了一个“Hello World!”的小程序,其实就是在屏幕上用一个Label显示“Hello World!”,一行代码都没有写,拖拖控件,改变一下Label字体大小颜色什么的,还是比较简单的,下面把这个过程写一下,至于xcode的使用说明就不在这里具体叙述了,反正到时候用到哪就介绍到哪里吧。

1)启动Xcode

从零开始学ios开发(二):Hello World!来啦!

选择“Create a new Xcode project”,创建一个新的项目。

2)模板选择,选择“Single View Application”模板

从零开始学ios开发(二):Hello World!来啦!

“Single View Application”单一视图应用程序,Xcode会默认创建一个主视图(可以简单的认为就是Visual Studio中的Panel,一个容器),然后所有的其他元素都放在这个主视图上面,整个的“Hello World!”只有一个Label而已,所有选择这个模板就可以了。

3)填写要创建的项目的名称:Hello World

从零开始学ios开发(二):Hello World!来啦!

Product Name中填写“Hello World”, Company Identifier是一个标识符,表明这个程序的归属于哪个公司(我是这样认为的,随便什么都可以写,自己喜欢就可以,不过貌似这个不填也是可以的,反正是学习而已),其他的保持默认状态,选择“Next”。

4)选择project保存的位置,完成创建

从零开始学ios开发(二):Hello World!来啦!

我就简单的将project保存在桌面,最后点击“Create”按钮,这样一个简单的项目就建立完成了。

感觉还是蛮简单的,步骤和在Visual Studio里面创建一个项目是差不多的。

创建完项目后的Xcode显示如下,感觉界面还是蛮陌生的,很多东西都是第一次看到,能一眼认出的也就是最左边的项目导航栏(Project navigator,有点类似Visual Studio中的Solution窗口)和右下角的控件库(Object Library,类似Visual Studio中的Tools),其他的东西还需要一点点的去摸索去熟悉。

从零开始学ios开发(二):Hello World!来啦!

5)添加Label控件

首先选择Project navigator中的“BIDViewController.xib”文件(xib的全称是Xcode’s Interface Builder,专门用来管理和用户交互的界面),选择后,Xcode变成下面的样子,一个iphone的界面出现了,等一会就会将控件拖到它的上面。

从零开始学ios开发(二):Hello World!来啦!

接着在控件栏中(Object Library)找到Label控件,往界面里拖动,放在任意你喜欢的位置就可以,我是上下左右剧中放置(会有辅助线出现,帮助你摆放)。这些操作和在VS中没有太大的区别,很熟悉。

从零开始学ios开发(二):Hello World!来啦!

改变Label的显示文字,直接用鼠标双击Label,然后Label里的文字会被选中,将文字改成“Hello World”就行。这里的操作和VS里面有些不同,在VS里面如果鼠标双击一个控件,很可能的结果是为该控件添加一个鼠标单击事件,而在Xcode中,则仅仅是改变控件的显示文字而已。改变后,再将控件的位置调整到上下左右剧中的位置,完成后的界面如下。

从零开始学ios开发(二):Hello World!来啦!

如果你想改变Label的字体、颜色等等,选中Label,在Xcode的右边会出现Label的属性栏,直接在属性里面改就可以了,也很简单,这样的操作与VS是类似的。

从零开始学ios开发(二):Hello World!来啦!

6)编译运行

好了,到此位置,所有的操作应该说已经完成了,最后一步就是编译运行,鼠标点击左上角的“Run”按钮(快捷键:command + R,Build的快捷键:command + B),编译运行。

从零开始学ios开发(二):Hello World!来啦!

一个iphone模拟器会显示出来,然后刚才的Hello World显示在iphone上面,如下图。

从零开始学ios开发(二):Hello World!来啦!

至此,第一个iphone的程序已经完成了,非常的简单,一行代码都没有写过。

7)替换程序图标

上面的Hello World还有点小小的瑕疵,当点击模拟器的Home键回到桌面后,会发现Hello World的图标是灰白的(iphone默认的给没有图标的程序的图标),见下图

从零开始学ios开发(二):Hello World!来啦!

造成这样的原因很简单,我们没有设置它的图标,要添加图标,重新回到Xcode,选择左边Project navigator中的程序根节点(最上面的,蓝色图标的那个节点)

从零开始学ios开发(二):Hello World!来啦!

选中后,Xcode中间会出现“App Icons”一栏,里面有2个图标,一个是普通分辨率(给非Retina屏的iphone手机使用,即3GS或比它更早的iphone),另一个是高分辨率(给Retina屏使用,iphone4及以后机型)

从零开始学ios开发(二):Hello World!来啦!

手头只有一般分辨率的图片,只能选择添加左边的图片,鼠标右击左边的图标,选择“Select File”,选择一张图片。

从零开始学ios开发(二):Hello World!来啦!

从零开始学ios开发(二):Hello World!来啦!

然后重新编译运行程序,等程序在iphone模拟器中显示后,点击Home键回到桌面,此时,Hello World已经有一个属于自己的图标了,这个过程也是很简单的。

从零开始学ios开发(二):Hello World!来啦!

总结:

第二章的内容除了介绍Xcode的一些使用方法和布局外,其他都在讲如何创建第一个iphone应用,过程是很简单的,让大家能够感受到创建一个iphone程序并不是想象中的那么困难,提起大家对iphone开发的兴趣。

好了,这次的学习记录就到这里,下一章将学习为app添加按钮,iphone app的设计模式(mvc:Model-View-Controller),相对于这一章来说,内容将更加充实,难度也会有所增加。

谢谢!

Hello_World.zip