【iOS开发】在界面上显示“HELLO”

开发 开发工具
本文中的内容比较简单,只是在界面上显示了文字,并没有涉及到具体的代码的修改。尽管如此,通过本文中的整个程序开发流程,我们可以感受到iOS开发工具(Xcode)的强大及整个iOS开发过程的趣味性。在以后的文章中,我们会更加深入地认识iOS开发,会涉及到更加有趣的东西。

大家学习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)】

责任编辑:武晓燕 来源: csdn博客
相关推荐

2012-12-11 09:50:22

Windows 8

2013-01-14 15:29:32

用户界面UI设计光环效应

2011-07-27 15:39:15

IOS IOS开发

2022-08-17 17:18:02

Sunamu开源

2012-05-14 16:59:40

iOS

2014-07-30 14:37:00

FacebookiOS开源库

2009-08-14 00:07:03

C#编译

2009-07-02 14:24:02

JSP读取数据库

2011-03-02 08:35:19

人机交互界面iOS

2011-08-22 16:45:58

Windows PhoiOS

2015-11-04 13:14:49

AppDeploy运维工具

2011-07-28 15:07:23

iOS猜数游戏

2014-04-23 13:30:23

类簇iOS开发

2011-06-14 17:33:11

开发者iOSAndriod

2021-02-22 08:20:32

Activity动画界面

2011-06-28 17:21:50

QT UI designer

2012-02-13 14:22:22

MonoTouchiOS应用Visual Stud

2011-08-02 12:48:27

iOS开发 位置

2011-12-25 20:52:05

iOS

2021-11-09 15:28:41

鸿蒙HarmonyOS应用
点赞
收藏

51CTO技术栈公众号