您的位置:华清远见教育科技集团 >> iOS资料 >> iOS应用程序开发教程:三、查看视图控制器和视图  
 
iOS应用程序开发教程:三、查看视图控制器和视图
分享到:

如何启动IOS应用程序这一iOS 应用程序开发教程中,我们已经了解到一个视图控制器负责管理一个场景,而一个场景代表一个内容区域。在该区域中看到的内容,是在视图控制器的视图中定义的。通过本文,你可以更仔细地查看由HelloWorldViewController 所管理的场景,并学习如何调整视图的背景颜色。

使用检查器来检查视图控制器

应用程序启动时,载入主串联图文件,然后实例化初始视图控制器。初始视图控制器管理用户打开应用程序时看到的第一个场景。因为“Single View”模板只提供一个视图控制器,该视图控制器自动设定为初始视图控制器。你可以使用 Xcode 检查器来验证视图控制器的状态,并查看关于它的其他信息。

打开检查器

1. 如有需要,点按项目导航器中的 MainStoryboard.storyboard,在画布上显示场景。

2. 在大纲视图中,选择“Hello World View Controller”,列在“first responder”下方,你的工作区窗口外观应该像这样:

请注意场景和场景台都有蓝色外框,并已选定场景台中的视图控制器对象。

3. 在工具栏中点按右边的“View”按钮,在窗口右边显示实用工具区域(或者选取“View”>“Utilities”>“Show Utilities”)。

4. 在实用工具区域中点按“Attributes”检查器按钮,打开“Attributes”检查器。“Attributes”检查器按钮位于实用工具区域顶部的检查器选择栏中,为从左边起的第四个按钮。

“Attributes”检查器打开时,工作区窗口外观应该像这样(你可能需要调整窗口的大小以便看到所有内容):

在“Attributes”检查器的“View Controller”部分,可以看到已选定“Initial Scene”选项。

请注意,如果取消选定这个选项,初始场景指示器会从画布中消失。在本教程中,请确定“Initial Scene”选项一直是选定的。

更改视图的背景颜色

在本教程的前面部分,你已了解到视图提供了在 Simulator 中运行应用程序时所看到的白色背景。要确定应用程序工作正常,你可以将视图的背景设定为白色以外的其他颜色,并再次在 Simulator 中运行应用程序来验证新颜色的显示。

在更改视图的背景之前,请确定串联图仍打开在画布上。(如有需要,点按项目导航器中的 MainStoryboard.storyboard,在画布上打开串联图。)

设定视图控制器的视图的背景颜色

1. 在大纲视图中,点按“Hello World View Controller”旁边的展示三角形(如果还未打开的话),然后选择“View”。

Xcode 在画布上高亮显示视图区域。

2. 在实用工具区域顶部的检查器选择栏中点按“Attributes”按钮,打开“Attributes”检查器(如果还未打开的话)。

3. 在“Attributes”检查器中,点按“Background”弹出式菜单中的白色矩形,打开“Colors”窗口。

矩形显示该项目的背景的当前颜色。“Background”弹出式菜单外观像这样:

注:如果并非点按白色矩形,而是点按“Default”并打开弹出式菜单,请从出现的菜单中选取“Other”。

4. 在“Colors”窗口中,选择白色以外的颜色。

你的工作区窗口和“Colors”窗口外观应该像这样:

小贴士:在你选择视图时 Xcode 高亮显示该视图,所以画布上的颜色可能和“Colors”窗口中的颜色看起来不同。

5. 关闭“Colors”窗口。

点按“Run”按钮或选取“Product”>“Run”,在 Simulator 中测试你的应用程序。请确定 Xcode 工具栏中的“Scheme”弹出式菜单仍然显示“HelloWorld”>“iPhone 5.0 Simulator”。你看到的应该大致是这样的:

小贴士:在运行应用程序前,可以不必存储你的工作,因为点按“Run”或选取

“Product”>“Run”时,Xcode 会自动存储你更改过的文件。

为了教程的后续学习之前,请将视图的背景颜色恢复成白色。那么,如何才能恢复视图的背景颜色呢?

1. 在“Attributes”检查器中,点按箭头打开“Background”弹出式菜单。

请注意,“Background”弹出式菜单中的矩形已改变成显示在“Colors”窗口中所选取的颜色。如果点按的是有颜色的矩形而不是箭头,“Colors”窗口会重新打开。因为你想重新使用视图原来的背景颜色,从“Background”菜单中选取该颜色,比从“Colors”窗口中找要简单得多。

2. 在“Background”弹出式菜单中,选取“Recently Used Colors”部分中列出的白色方块。

3. 点按“Run”按钮来编译和运行应用程序(并存储所做的更改)。

验证了应用程序重新显示白色背景后,退出 Simulator。

运行应用程序时,Xcode 可能会在工作区窗口的底部打开调试区。本教程不会用到该面板,你可以将其关闭,以腾出更多空间。关闭调试区的方法很简单,你只需要点按工具栏中的“Debug View”按钮。(“Debug View”按钮为中间的那个视图按钮,它是这样的:。)

通过本文的学习,你检查了场景,更改和恢复了视图的背景颜色。明天的教程学习中你将文本栏、标签以及按钮添加到视图中,让用户与应用程序进行交互操作。

 更多相关文章

·iOS 应用程序开发教程:二、如何启动IOS应用程序
·iOS 应用程序开发教程:一、创建新项目
·在iOS Simulator中运行iOS应用程序
·IOS移动技术开发好学吗?
·iOS开发必看的10本书