第三章处理基本交互.docVIP

第三章 处理基本交互 本章将构建的简单应用程序，它具备两个按钮 1.创建项目 使用与上一章相同的模板：基于视图的应用程序。在Xcode中单击File，选择New Project，如下图所示 之后会出现如下界面，选择View_based Application，后单击choose 然后输入工程名：Button Fun，单击Save后即保存。 创建成功后界面如下： 在项目窗口中，展开Class文件夹，可以看到其中包含4个文件(参见图3_1)。这四个文件实现了两个类，分别包含一个.m文件和一个.h文件 图3_1 项目模板创建的类文件 单击GroupFiles窗格中的Button_FunViewController.h,并查看该文件内容如下图： 将所需代码添加到Button_FunViewController.h 单击类的实现文件Button_FunViewController.m。由于此应用程序不需要任何注释的方法，因此可删除到它们，这将缩短代码并且更便于理解我们插入的新代码。 2.编辑MainWindow.xib （1）在Interface Builder中创建视图 展开Xcode的GroupsFiles窗格中的Resources文件夹，然后双击MainWindow.xib.打开Interface Builder之后，注意到nib的MainWindow.xib主窗口，该窗口应如图3_2所示 图3_2 应用程序的MainWindow.xib出现在Interface Builder中 3.编辑Button_FunViewController.xib 在Xcode中，双击GroupsFiles窗格中的Button_FunViewController.xib，应确保Library时可见的且View窗口是打开的（参见图3_3） 图3_3 Interface Builde已打开Button_FunViewController.xib 从库中拖一个标签到视图窗口中，将标签放置在视图的底部，展开它，以占用视图的大部分宽度。 将标签放置在视图底部之后，单击选中它，调出检查器，使用检查器上的文本对齐按钮将文本更改为中间对齐（参见图3_4） 图3_4 检查器的文本对齐按钮 将标签放置到所需位置之后，双击标签并删除已有文本。接下来，从库中拖到两个Round Rect Button到视图中.将两个按钮并排排列，放置到视图的中间。双击左侧的按钮，将其文本改为“Left”，双击右侧的按钮，将其文本改为“Right”，完成之后，视图如下： （2）连接所有元素 a.连接输出口 按下Control键，单击nib主窗口中的File’s Owner图标，并按住鼠标按钮，从File’s Owner图标拖向View窗口。此时应出现一条蓝色引导性，继续拖动鼠标，直到光标位于View窗口的标签之上。将光标放置在标签上不要动，放开鼠标按钮，此时应弹出如图3-5所示的灰色小菜单。在灰色菜单中选中StatusText。 图3-5 输出口弹出菜单 b.指定操作 从Tools菜单中选择Connection Inspector来打开连接检查器。单击Left按钮，然后调出连接检查器，它应如图3-6所示 图3-6 连接检查器 单击位于Touch Up Inside右侧的小圆圈并拖动鼠标，将蓝色引导线拖动到File’s Owner图标上，从弹出的小灰色菜单中选择buttonPressed: 对另一个按钮执行相同的操作，然后保存。返回Xcode并运行程序。单击“Left”按钮时结果为： 单击“Right”按钮时结果为：