大家学习iOS开发,都想有朝一日看到自己的***个界面程序。本文介绍了在界面上显示“HELLO”的整个开发过程,可供iOS初学者参考。
***步 打开Xcode开发工具
在MAC电脑的Launchpad中打开Xcode工具,如图1所示。
图1 打开Xcode工具示意图
要新建工程,选择图1中的“Create a new Xcode project”。
第二步 创建iOS工程
选择图1中的“Create a new Xcode project”之后,即可进入如图2所示的界面。
图2 选择iOS应用的类型
在图2中,我们选择iOS的Application中的Single View Application,并单击Next,即可进入图3所示的界面。
图3 确定工程名字、所用语言、运行设备等
在图3中,我们可以输入Product Name,选择Language和Devices,并单击Next,即可进入图4所示的界面。
图4 选择工程存放位置
在图4中,我们可以选择工程的存放位置。选择好之后,单击Create,即可成功创建工程。
第三步 设置界面内容
创建好iOS工程之后,我们可以看到整个工程的程序布局,如图5所示。
图5 iOS工程的程序布局
由于本次我们只是在界面上显示HELLO,并不涉及其他内容,因此,我们只要关注图5中的红色框中的Main.storyboard。单击Main.storyboard,可看到如图6所示的空白界面。
图6 空白的界面
由于我们没有对界面做任何操作,因此整个界面是空空如也,啥东西也没有。此时,我们要将5个文本框拉入界面中,并依次展示H、E、L、L、O五个字母。操作完成之后的界面如图7所示。
图7 拉入文本框之后的界面
我们在图7中的红色框1处输入“text”,即可出现Text文本框。由于要显示五个字母,因此我们要将五个文本框拉入到界面上,并双击每一个文本框,将对应的字母输进去。
第四步 运行程序
将五个文本框排列整齐之后,我们接下来就可以看到程序的实际运行效果了。在运行程序之前,我们要选择将程序运行在哪类设备上。选择运行设备并运行程序的操作如图8所示。
图8 选择运行设备并运行程序
在图8中,红色框1所示的设备(iPhone 6s)即为我们选择的运行设备。我们单击红色框1,还可以看到有更多的设备,如图9所示。
图9 iOS程序运行设备
单击图8中的红色框2,整个程序便运行起来了。运行完成之后的效果如图10所示。
图10 程序运行效果示意图
我们之前所做的所有工作都展示在了图10中,当看到它的时候,我们会有一种所有的付出都得到了回报的感觉。但是,有的时候,我们会觉得结果不尽如人意,那么我们就要对程序做一些修改,或者改变一下界面元素的布局,等等。在这里,我们也可以对文本框的大小、位置和文字的字体等做一些修改,如图11所示。
图11 界面元素的属性修改示意图
如图11所示,我们选中某个文本框,便可以在右边的属性列表中对文字样式、颜色、字体、对齐方式等进行修改了。此外,我们也可以拉动整个文本框,对其位置和大小进行修改。
总结
本文中的内容比较简单,只是在界面上显示了文字,并没有涉及到具体的代码的修改。尽管如此,通过本文中的整个程序开发流程,我们可以感受到iOS开发工具(Xcode)的强大及整个iOS开发过程的趣味性。在以后的文章中,我们会更加深入地认识iOS开发,会涉及到更加有趣的东西。
【本文是51CTO专栏作者周兆熊的原创文章,作者微信公众号:周氏逻辑(logiczhou)】