当前位置: 首页 > 科技观察

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

时间:2023-03-12 21:22:06 科技观察

大家都在学习iOS开发,都希望有一天能看到自己的第一个界面程序。本文介绍了在界面上显示“HELLO”的整个开发过程,可供iOS初学者参考。第一步打开Xcode开发工具在MAC电脑的Launchpad中打开Xcode工具,如图1。图1打开Xcode工具示意图新建工程,选择“CreateanewXcode项目”,如图1。第二步是创建一个iOS项目。图1中选择“CreateanewXcodeproject”后,可以进入图2所示界面图2选择iOS应用类型图2中我们在iOSApplication中选择SingleViewApplication,点击Next进入如图3所示界面。图3确定项目名称、使用语言、运行设备等。在图3中,我们可以输入ProductName,选择LanguageandDevices,点击Next,进入图4所示界面。图4选择项目存放位置在图4中,我们可以选择项目存放位置。选择后点击Create,即可成功创建工程。第三步,设置界面内容。创建iOS项目后,我们可以看到整个项目的程序布局,如图5所示。图5iOS项目的程序布局由于我们这次只在界面上显示HELLO,不涉及其他内容,所以我们只需要注意图5中红框内的Main.storyboard,点击Main.storyboard可以看到图6所示的空白界面图6空白界面由于我们没有对该界面进行任何操作,所以整个界面是空的,什么都没有。此时,我们将五个文本框拉入界面,依次显示H、E、L、L、O这五个字母。操作完成后,界面如图7所示。图7文本框拉入后的界面我们在图7的红框1中输入“text”,会出现Text文本框。由于要显示五个字母,所以我们需要将五个文本框拉入界面,双击每个文本框输入对应的字母。第四步是运行程序。五个文本框排列整齐后,我们就可以看到程序的实际运行效果了。在运行程序之前,我们必须选择程序运行的设备类型。选择运行设备并运行程序的操作如图8所示。图8选择运行设备并运行程序在图8中,红框1所示的设备(iPhone6s)就是我们选择的运行设备。我们点击红框1,可以看到多了一些设备,如图9所示。图9iOS程序运行设备点击图8中的红框2,整个程序就会运行起来。运行后的效果如图10所示。图10程序运行效果示意图我们之前所做的所有工作如图10所示,看到它的时候,我们会有一种付出得到了回报的感觉。但是,有时候,我们觉得结果并不理想,所以我们不得不对程序进行一些修改,或者改变界面元素的布局等等。这里,我们还可以对文本框的大小、位置和字体进行一些修改,如图11所示。图11修改界面元素属性示意图如图11所示,我们选中一个文本框,并然后我们可以在右侧的属性列表中修改文字的样式、颜色、字体、对齐方式等。此外,我们还可以拖动整个文本框来修改它的位置和大小。小结本文内容比较简单,只是在界面上展示文字,没有涉及到具体的代码修改。尽管如此,通过本文的整个程序开发过程,我们可以感受到iOS开发工具(Xcode)的强大和整个iOS开发过程的乐趣。在以后的文章中,我们会对iOS开发有更深入的了解,会涉及到更多有趣的东西。【本文为专栏作家周兆雄原创文章,作者微信公众号:周氏逻辑(logiczhou)】