第一个ios应用(2)

来源:互联网 发布:合并矩阵 编辑:程序博客网 时间:2024/05/01 07:15

正如你之前所学,一个视图控制器负责管理一个场景,以及呈现一个区域里的内容。这个区域中你看到的内容便是由视图控制器中的视图定义的。在这个章节中,你会更加细致地观察到由 HelloWorldViewController 管理的场景,并学会如何如何改变视图的背景颜色。

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

当一个应用启动时,就会加载主故事板文件,并创建一个初始视图控制器的实例。初始视图控制器管理着用户运行应用时看到的第一个场景。由于 Single View 模板只提供一个视图控制器,它也就自然成为初始视图控制器。你可以利用 Xcode 检视器(Inspector)来观察视图控制器的状态等相关信息。

如何打开检视器…

  1. 在工程导航栏点选 MainStoryboard.storyboard,画布上就会出现它的场景。
  2. 在大纲视图中,点选 Hello World View Controller(就位于 First Responder 下边)。
    你的工作区窗口看上去应该和图中类似:

    storyboard_vc_selected

    请注意场景和场景坞上同时显示了一个蓝色方框,而且场景坞中视图控制器对象是被选中的状态。

  3. 点按位于工具条上的 View 按钮最右边一个按钮,展开右侧的实用工具区域(或者点选 View > Utilities > Show Utilities)。
  4. 点选实用工具区域中的 Attributes(属性)检视器按钮,打开属性检视器。
    检视器按钮是位于实用工具区域顶部检视器选择条中的第四个按钮。

    attributes_inspector

    打开属性检视器后,你的工作区窗口看起来应该和图中类似(可能你需要将窗口扩大来查看所有内容):

    vc_is_initial

    在属性检视器的 View Controller(视图控制器)部分,你可以看到 Initial Scene(初始场景)选项是被选中的:

    initial_scene_option

    注意,如果你取消选择这个选项,那么画布上的初始场景指示器就会消失。在本教程中,请确保 Initial Scene 选项一直是被选中状态。

改变视图的背景颜色

在之前的教程中,你曾学到应用在模拟器中运行时,你看到的白色背景就是由视图提供的。要确保应用能够正常运行,你可以将视图的背景色替换成别的颜色,并查看应用在模拟器中运行时能否显示新颜色。

在改变视图背景颜色之前,请确保故事板在画布上是打开的。(如果需要,请在工程导航栏中点选 MainStoryboard.storyboard 在画布上打开故事板。)

如何设置视图控制器中视图的背景颜色…

  1. 在大纲视图中,点按 Hello World View Controller 旁边的三角箭头(如果它是收起的状态),然后点选 View(视图)。
    Xcode 会高亮显示画布上的视图区域。
  2. 在实用工具区域顶部的检视器选择条中点选 Attributes 按钮,打开属性检视器。
  3. 在属性检视器中,点按 Background(背景)菜单那里的白色矩形,打开 Colors(颜色)窗口。
    菜单中的矩形会显示当前的背景颜色。Background 菜单看起来应该和图中类似:

    background_color_button

    注意:如果不是点按白色矩形而是 Default 字符,则会弹出颜色选择菜单,此时请之间点选 Other(其他)。

  4. 在 Colors 窗口中,点选除了白色的任意颜色。
    你的工作区窗口(包括 Colors 窗口)看上去应该和图中类似:

    new_view_background

    需要注意的是,当你选择一个视图时 Xcode 会将其高亮显示,此时画布中的颜色因为叠加可能会和 Colors 窗口中所选的颜色不太一致。

  5. 选好后关闭 Colors 窗口。

请确保 Xcode 工具条中 Scheme 菜单里仍然显示为 HelloWorld > iPhone 5.0 Simulator。你看到的画面应该和图中类似:

running_with_new_color

提示:在运行应用之前,你无需手动保存工程。因为当你按下 Run 按钮(或点选 Product > Run)时,Xcode 就已经自动将你所做的修改全部保存了。

在继续阅读后面的教程之前,请把视图的背景色改回白色。

如何把视图的背景色改回来…

  1. 在属性检视器中,点按 Background 菜单中的箭头打开菜单。
    请注意,Background 菜单中的矩形块颜色已经变成了你刚才在 Colors 窗口中选择的颜色。如果你此时点按了矩形块(而不是箭头),那么仍会打开 Colors 窗口。但是我们现在要使用的是视图的原始背景色,所以点开 Background 菜单会更好寻找并直接应用原始颜色,而不是在 Colors 窗口里调配。
  2. 在 Background 菜单中点选 Recently Used Colors(最近使用颜色)中的白色方块。
  3. 点按 Run 按钮,编译并运行你的应用(当然,所做的修改会被自动保存)。

当你看到应用又能显示出白色的背景时,就可以退出 iOS 模拟器了。

转自:http://www.guomii.com/posts/20992
0 0
原创粉丝点击