基于Xcode4开发的两个iPhone程序_第1页
基于Xcode4开发的两个iPhone程序_第2页
基于Xcode4开发的两个iPhone程序_第3页
基于Xcode4开发的两个iPhone程序_第4页
基于Xcode4开发的两个iPhone程序_第5页
已阅读5页,还剩75页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、基于Xcode4开发第一个iPhone程序:“Hello World”项目要求写一个iPhone程序,在屏幕正中显示文字“Hello Word”,粗体,字体大小26磅,字体颜色红色,有黑色阴影,阴影光源为左上角,偏移1像素,支持设备旋转。需求分析在开始之前,我们首先来分析一下项目需求,这是一个非常简单的项目,只要在屏幕上显示一段“Hello World”的文字,当然还有一些附加条件: 对字体、字体颜色、字体大小有要求,有阴影效果 要求文字显示在屏幕正中 支持设备旋转,并且无论设备如何旋转,文字都还是显示在屏幕正中根据这些需求,我们将从简单到复杂,逐步来实现,分成2步来实现:1. 在屏幕上显示文

2、字,设置字体和字体大小,让文字显示在屏幕正中心2. 支持设备旋转,并且保证旋转后文字还是居中状态产品设计iPhone4之前的屏幕是320x480,到iPhone4的时候,支持了高清屏,屏幕分辨率变成了640x960。iPhone支持四个方向的旋转的,横屏和竖屏表现略有差异,因为项目需求要求支持屏幕旋转,所以针对横屏和竖屏,界面表现有所差异,简单画一下原型设计图如下: 系统分析和设计如果我们还没iOS下的开发经验,那么首先需要去查阅一些相关资料,让我们知道如何来开发一个iphone程序。苹果为iOS的开发者提供了一个非常详细和全面的网站:“iOS Developer Center”,网址:htt

3、p://ios。在iOS Dev Center,有所有iOS SDK的类文档、入门文档、各种开发指南、示例代码库等,开发iOS平台的项目,免不了要经常上来查阅一些相关资料。不过比较遗憾的是,目前iOS Dev Center的文档和资料还是英文为主,中文资料较少,对于英文阅读不好的同学是一个考验。现在,我们从技术角度来分析一下如何实现项目需求。同样一个项目,无疑是有很多种技术方案来实现的,所以我们有必要定一个原则,来帮助我们选择合适的方案,这个原则就是简单实用原则:“我们尽可能采用简单并且实用的技术方案,避免使用复杂的技术方案,把时间和精力浪费在一些华而不实

4、的技巧上面”,本着这个原则,我们来开始对项目需求进行技术方案的选择:在屏幕上显示特定字体和大小的文字要在屏幕上显示特定字体和大小的文字,我们需要先看看iOS SDK中是否已经提供了简单实用的方式来显示文字,在iOS Dev Center中,有一篇文章“iOS Human Interface Guidelines”,专门讲解了iOS中用户界面相关的知识,从中我们可以系统的了解iOS的界面构成,各种基本界面元素,并且根据其中的说明,可以找到UILabel控件是最适合我们项目需求的控件,当然也有复杂的技术方案,就是采用在界面上自画的方式,根据简单实用原则,我们就使用UILabel这种iOS自带控件就

5、可以了。在开始使用UILabel之前,我们需要先来学习了解一下UILabel控件,想要了解UILabel控件的功能,在iOS Dev Center中,找到“UILabel Class Reference”,从中我们可以看到UILabel的介绍和所有属性、方法等详细的说明文档。文档相当全面,不过对于我们来说,关键还是要去获取项目相关的资料,从文档中,我们可以逐一找到我们显示文字需要的相关属性: text: Label显示的文字,类型为NSString类,也就是本项目需求中要显示的“Hello World”。 textAlignment: 文字在Label内的对其方式,类型为UITextAlign

6、ment枚举,在本项目需求中,要求文字在屏幕正中显示,对应的属性值为UITextAlignmentCenter。 font: 文字的字体和大小,类型为UIFont类,也就是本项目需求中要求的:“字体为粗体,字体大小26磅”,对应代码为:UIFont boldSystemFontOfSize:26。 textColor: 文字的颜色,类型为UIColor类,也就是本项目需求中要求的:“字体颜色红色”,对应代码为:UIColor redColor。 shadowColor: Label文字的阴影颜色,类型为UIColor类,也就是本项目需求中要求的:“有黑色阴影”,对应代码为:UIColor bl

7、ackColor。 shadowOffset: Label文字阴影的偏移方向和偏移量,类型为CGSize,也就是本项目需求中要求的:“阴影光源为左上角,偏移1像素”,对应代码为:CGSizeMake(1, 1)。让文字显示在屏幕正中心要让文字显示在屏幕正中心,我们要优先考虑设置UILabel相关属性达到目的的方式,如果没有UILabel相关属性支持,那么我们就必须根据UILabel占的大小和屏幕大小来计算它应该摆放的坐标,从而实现让文字显示在屏幕正中心。在UILabel的文档中,没有发现有属性设置它的坐标,也没有设置对其的属性,这是不是代表UILabel不支持呢?不要忽略一个问题,iOS所用的

8、编程语言是Objective-C,这个一个类似于C语言的很好的支持面向对象特性的语言,面向对象有个很重要的特性叫继承,同样对于UILabel类来说,它是有父类的,也就是UILabel父类支持的属性,UILabel都是支持的,在UILabel文档的首页,我们可以看到UILabel是从UIView继承的,所以我们可以链接到“UIView Class Reference”文档。从文档中,我们可以找到2个重要属性,用来实现文字显示在屏幕正中: frame: Label的位置和尺寸属性,类型为CGRect,在本项目需求中,要求显示在屏幕正中,就需要通过Label控件的frame属性的size值,结合主界

9、面的尺寸,计算出x,y坐标值,以保证Label显示在屏幕正中。 autoresizingMask: 这个属性表示控件在其父容器尺寸发生变化时,它是怎么自动调整其尺寸或上下左右各个方向边距的。支持屏幕旋转iPhone程序默认不支持屏幕旋转,那么如何让界面支持旋转呢?在iOS Dev Center中,可以找到“View Controller Programming Guide for iOS”,在其中的“Custom View Controllers”一章中专门有一节“Managing a View Controllers Interface Orientation”,说明了如何让你的iOS界面支

10、持设备旋转: 重写对应的View Controller的“shouldAutorotateToInterfaceOrientation:”方法,在方法中申明支持的方向。 配置对应的View Controller中的View的autoresizingMask属性,以适应因为界面旋转导致的布局变化。在本项目中,项目需求中要求设备在旋转也保证文字居中,利用这个属性,可以实现在界面旋转后,窗体宽度和高度发生变化时,UILabel还能继续居中。项目开发熟悉Xcode 4经过前期的准备工作后,现在可以开始基于Xcode4进行实际的项目开发。对于Xcode4,在iOS Dev Center中,找到“Xcod

11、e 4 User Guide”,这是一个专门针对Xcode 4的说明和使用指南,非常详细。在Xcode 4中,整合了原来专门用来编辑Mac或iOS项目界面的Interface Builder软件,“Xcode 4 User Guide”中专门有一章“Designing User Interfaces in Xcode”来讲述如何在Xcode 4中编辑界面。创建新项目启动Xcode4后,首先会有一个欢迎窗口,通过它,点击“Create a new Xcode project”,可以直接开始创建项目当然也可以通过菜单或者快捷方式来开始创建新项目选择新项目模板为方便生成项目,Xcode4默认提供了几

12、种项目模板: Navigation-based Application: 该模板适用与需要界面导航的应用,基于该模板生成的应用程序,带一个导航,显示一个列表项 OpenGL ES Application: 该模板适用于基于OpenGL ES的应用程序,例如游戏类程序。基于该模板生成的应用程序,带一个用来输出OpenGL ES场景的视图和一个支持动画的视图 Splite View-based Application: 该模板适用于需要用到左右分栏视图的iPad程序,基于该模板生成的应用程序,提供了一个左右分栏的界面控件 Tab Bar Application: 该模板适用于适用采用标签页的应用程

13、序,基于该模板生成的应用程序,默认带有标签页 Utility Application: 该模板适用与有一个主界面和一个信息页的应用,基于该模板生成的应用程序,主界面上有一个信息按钮,点击后,有一个翻转动画,切换到另一个信息界面 View-based Application: 该模板适用于单一界面的应用,基于该模板生成的应用程序,只有一个空白界面视图 Window-based Application: 该模板适用于空白的应用程序,基于该模板生成的应用程序,只有一个窗体,没有任何视图,需要手动添加对于我们的Hello World项目来说,最适合的项目模板是“View-based Applicati

14、on”,我们只要基于它创建一个单一带有空白视图的应用,然后再将UILabel拖到上面就可以实现基本功能。项目基本选项点击下一步,进入“Choose options for your new project”界面,在这里,可以选择设置项目的基本选项,其中: Product Name: 指产品名称,在这里项目中,我们直接命名为“Hello World” Company Identifier: 公司标识符,一般命名规则为 “com.公司名” Bundle Identifier: 指包标识符,用于唯一标识应用程序,默认会根据公司标识符和产品名来组合生成 Device Family: 指该应用支持的设备

15、类型,共三个选项:iPhone、iPad、Universal(即iPhone、iPad通用) Include Unite Tests: 是否包含单元测试代码模板,如果勾选,Xcode会帮助生成单元测试代码模板选择存储路径点击Next按钮后,进入选择文件存储路径界面,在这里,可以选择要存储项目的目录。项目创建完成点击“Create”按钮,项目创建完成,弹出项目窗口。试运行项目经过上面的步骤,我们已经基于模板创建了一个项目,在开始开发前,我们可以尝试先试运行一下项目,看看效果。点击Xcode左上角的“Run”按钮,Xcode即开始对项目进行编译,编译完成后,会弹出iPhone模拟器,在模拟器中运行

16、项目,当然我们的项目现在运行起来还只能看到一个空白的界面。点Xcode左上角的“Stop”按钮,停止运行项目。编辑界面文件一般创建一个新项目,在项目中会包含一个或多个界面文件,这些界面文件一般称之为“nib文件”,扩展名为nib或xib。或者通过向导创建一个新的View Controller的时候,Xcode会包含一个对应的nib文件,一个头文件和一个实现文件。在我们刚刚以View-based Application为模板创建的Hello World项目中,“Hello_WorldViewController.xib”就是主界面的nib文件。在Xcode左侧选中“Hello_WorldView

17、Controller.xib”文件,并点击工具栏的“Hide or show the Navigator”和“Hide or show the Utilities ”按钮,隐藏左侧Navigator区域,显示Utility区域,这样我们就可以开始在Xcode 4中来编辑界面。添加Label到界面中从对象库中,找到我们所需要的Label控件对象,拖动到主界面中,即完成Label控件的添加设置Label控件属性选中新添加的Label控件,点击Inspector selector bar区域的“Show the Attributes inspector”按钮,切换到属性编辑界面,分别设置以下属性:

18、Text: 输入“Hello World” Alignment: 选择居中对齐 Font: 选择“Helvetical Bold 26.0” Text Color: 选择红色 Shadow: 选择黑色(Black Color) Shadow Offset: Horizontal和Vertical的值分别输入1设置Label控件的大小和位置在上面的步骤中设置好Label的相关属性后,发现文字特别小,而且显示不完整,并非我们所选择的字体大小,这是由于UILabel有一个属性“adjustsFontSizeToFitWidth”,默认值是“YES”,如果这个属性的值为YES,并且Label的numb

19、erOfLines属性值是1,它会根据Label的宽度来自动调整字体大小,通过Xcode新添加的Label,默认宽度比较小,按照正常的26磅大小的字体,无法完整显示,所以就字体大小就被自动调整了,导致显示的和我们期望的不一样。解决这个问题很简单,就是我们重新设置一下Label的宽度,以让其可以完整显示文字。选中新添加的Label控件,点击Inspector selector bar区域的“Show the Size inspector”按钮,切换到尺寸和位置设置界面,对宽度进行调整,这里我们给Label设置一个足够的宽度和高度:200x40,以保证字体不会被缩小。接下来,就是要调整Label的

20、位置,让它显示在屏幕的正中间。在Xcode中,用鼠标拖动Label,拖动过程中Xcode有辅助线来帮助定位,很容易就可以找到正中心的位置。当然也可以通过简单的计算得到Label如果要显示在正中心,坐标应该为:x = (屏幕宽度 - Label宽度) / 2 = (320 - 200) / 2 = 60; y = (屏幕高度 - 状态栏高度 - Label高度) / 2 = (480 - 20 - 40) / 2 = 210;对修改过的xib文件保存,运行项目,看看效果就这样,我们已经完成了第一步:在屏幕上显示文字,设置字体和字体大小,让文字显示在屏幕正中心。下一步,我们要让它支持旋转,并且旋转

21、后,文字还是显示在屏幕正中。支持设备旋转前面我们已经学习了解过,要支持设备宣传,要做如下工作: 重写对应的View Controller的“shouldAutorotateToInterfaceOrientation:”方法,在方法中申明支持的方向。也就是首先要重写“Hello_WorldViewController.m”中的“shouldAutorotateToInterfaceOrientation:”方法 配置对应的View Controller中的View的autoresizingMask属性,以适应因为界面旋转导致的布局变化。也就是要设置好Label控件的autoresizingMa

22、sk属性。还是在界面文件中,选中Label,在尺寸和位置设置界面,通过点击Autosizing中的红色线条,设置Label对上下左右四个方向以及宽度和高度都自动调整,这样就可以保证在设备旋转后,界面的宽度和高度发生改变后,控件对上下左右四个方向的位置以及长度和宽度也会随着一起调整,由于已经设置了文字在Label内部是居中对齐的,就可以保证文字显示在界面居中的位置。点击工具栏的“Hide or show the Navigator”和“Hide or show the Utilities ”按钮,显示左侧Navigator区域,隐藏Utility区域,在左侧Navigator区域,选中“Hell

23、o_WorldViewController.m”文件,找到“shouldAutorotateToInterfaceOrientation:”方法,对其进行重写,重写后代码如下- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation/ Return YES for supported orientationsreturn YES;对所做的修改进行保存,然后运行项目,弹出模拟器,通过调用模拟器的设备旋转菜单,让iPhone模拟器变成横屏,你将看到文字会自动调整位置,还是显示

24、在屏幕正中的位置。至此,我们就实现了项目的全部需求。项目总结通过Hello World这个简单项目,我们学习了如何基于Xcode 4分析和开发iOS项目,学习了如何通过iOS Dev Center获取需要的资料。第二个iPhone应用程序:“Say Hello”项目需求写一个iPhone应用程序,要求可以输入名字,点击按钮后,会显示一段文字向输入的名字打招呼,例如输入“宝玉”,显示“你好,宝玉!”需求分析这是一个很简单的应用程序,包含一个文本输入框,一个文本显示框,一个按钮。输入名字到文本输入框,再点击按钮,这时文本显示框的文字就会变成“你好,!”。但是要注意,如果用户输入为空,要有警告提示用

25、户重新输入;如果用户输入文字太长,超过16个字符,要自动截断。产品设计根据项目需求,画出相应的产品原型图:初始状态初始时,文本输入框为空,但是显示水印,提醒用户可以输入姓名。文本显示框文字为空。输入名字并点击按钮后输入名字,并点击按钮后,屏幕中间显示文字:“您好,!”。没有输入名字的警告提示如果没有输入名字,点击按钮后弹出警告窗口,提醒用户输入名字。系统分析这是一个非常简单的应用程序,实现思路不不算复杂: 一个文本输入框,用来输入文字,需要限制最大字符长度为16个字符,输入框没有内容时,显示水印文字。UITextField控件正好可以满足需求。 一个文本显示框,用来显示最终生成的文字。使用UI

26、Label控件即可满足需求。 一个按钮,点击后,获取文本输入框文字内容,生成“你好,!”文字,并显示在文本显示框中。如果点击时文本输入框文字为空,弹出警告提示框。同时,这个应用程序在开发过程中,需要应用到iPhone开发中一些常用的设计模式:3. 委托(Delegate)4. 模型 视图 控制器(MVC)5. 目标 - 动作(Target-Action)委托(Delegate)委托模式是一个对象周期性地向被指定为其委托的另一个对象发送消息,向其请求输入或者通知某件事情正在发生。该模式可替换类继承来对可复用对象的功能进行扩展。在本项目中,应用程序对象会向其委托发送消息,通知它主要的启动例程已经完

27、成并且定制的配置可开始执行。为了建立并管理视图,委托会创建一个控制器实例。另外,当用户点击Return按键后,文本字段也会通知它的委托(即所创建的控制器对象)委托方法通常会集中在一起形成一份协议。 一份协议基本上就是一个方法的列表。如果一个类遵循某个协议,则它要保证实现协议所要求的方法(有些方法可选择实现与否)。委托协议规定了一个对象可以发送给委托的所有消息。例如常见的有:UITextFieldDelegate, UIApplicationDelegate, UIScrollViewDelegate, UITableViewDelegate, UIWebViewDelegate。模型 视图 控

28、制器(MVC)MVC模式将应用程序中的对象设定为三种角色:模型角色(Model)、视图角色(View)和控制器角色(Controller)。模型对象(Model)表示数据。例如,在iPhone自带的通讯录应用中,联系人是模型对象,在一个绘画应用中,圆形、矩形是模型对象。本项目的应用程序用到的数据非常简单字符串,并且该字符串只有在按钮点击的方法中用到。其实换一种角度来说,字符串也是一种最简单的模型对象,在其他的应用程序中,模型对象将会更加复杂,并且模型对象在程序中无处不在,可以在多个地方进行访问。视图对象(View)负责显示数据,比如UILabel可以显示文本、UIImageView可以显示图片

29、,也会支持用户对数据的编辑操作,例如UITextField可以支持用户输入。在我们接下来要创建的项目中,需要一个主视图来包含其它几个视图首先是一个文本输入框,它用于捕获用户输入信息;然后是一个文本显示框,它用于显示文本,而文本内容则是基于用户的输入;另外还需要一个按键,让用户可以点击它,点击后通知文本字段更新。控制器对象(Controller)介于模型和视图之间。在我们接下来要创建的项目中,当用户点击按钮后,触发更新操作,控制器对象将会从文本输入框中获取输入的文字内容,并把文字存放在一个字符串中,然后再把文本显示框的内容更新成格式化好的内容。结合MVC模式,对于本项目的主要流程,整个如图所示:

30、目标 - 动作(Target - Action)目标-动作机制,允许一个控件对象(例如按键或滑动条) 向另外一个对象发送一条消息(即动作),以之作为对某个用户事件(例如一个点击事件)的响应。接收到消息的对象则可以对消息进行响应,并针对业务要求做出处理。在本项目中,当点击按钮时,它会通知控制器去获取文本输入框内容,并根据输入内容更新文本显示框。开发创建项目我们将开始使用Xcode来创建项目,启动Xcode(缺省情况下,Xcode位于 /Developer/Applications 里面),然后选择File New New Project,这样就可以创建一个新的工程。应该可以看到一个新的窗口,如下

31、图所示:选中 Window-Based Application 并点击 Next 按钮,输入Product Name(项目名):SayHello,在Company Identifier那,可以输入公司名唯一标识。点击Next,选择项目存储位置,最后点击Create按钮。完成上述步骤后,将看到如下的新项目窗口:在进行下一步工作之前,可以先编译运行一下程序,这样就可以通过模拟器看到程序运行后的样子。在Xcode的菜单中选择 Product Run 或者点击左上角工具栏上的 Run 按钮,iPhone模拟器应该会自动启动。当应用程序启动后,可以看到一个白色屏幕。应用程序启动过程解析通过Xcode的模

32、板创建项目时,模板已经帮助设置好了应用程序基本程序环境,它会帮助创建一个应用程序对象,将应用程序和窗口连接起来,建立一个运行环境。整个启动过程从UIApplicationMain函数开始,如下图所示:main.m文件中的main函数会调用UIApplicationMain函数:int retVal = UIApplicationMain(argc, argv, nil, nil); 该函数将会创建一个UIApplicaion类的实例。同时它会搜索应用程序的Info.plist属性列表文件。 Info.plist文件是一部字典,它主要包含诸如应用程序名称、图标这样的信息,它也包含应用程序对象应该

33、加载的nib 文件(虽然该文件的扩展名为“xib”,但是我们习惯称之为“nib 文件”)的名称。Nib文件主要有用户界面的信息。本项目的Info.plist文件具有下面的内容:术语: 虽然Interface Builder文档的扩展名可能是“.xib” ,但历史上,其扩展名是“.nib”(“NextStep Interface Builder”的首字母缩写),因此人们就俗称其为“Nib文件”。这表明应用程序启动时将会加载MainWindow nib文件。在Xcode中可以单击MainWindow.xib进行查看(注意在Xcode4中已经不需要通过Interface Builder来打开nib文

34、件,可以直接在Xcode对nib文件进行查看和编辑):MainWindow Nib文档包含4个对象: Files Owner,文件拥有者代理对象,在这里MainWindow的拥有者对象时UIApplication实例 First Responder,第一响应者代理对象,在本项目中,没有使用到 Say Hello App Delegate,SayHelloAppDelegate的实例,也就是应用程序的委托 Window,一个窗口对象。它默认是白色背景,程序启动时看到的就是它应用程序对象在完成启动后,会向委托发送applicationDidFinishLaunching:消息,通知程序已经启动成功

35、了,这样我们可以在收到这个消息后根据需要进行一些操作。下图是一个简化的iPhone应用程序生命周期图,简要展示了发生在应用程序启动到退出的过程。这样,我们基本了解了如何创建一个项目,以及一个应用程序的启动过程,接下来,我们需要创建一个视图控制器(UIViewController)实例,用来实现项目功能。添加视图控制器(UIViewController)添加视图控制器文件在iPhone应用程序中,视图控制器(UIViewController)起着核心作用。顾名思义,视图控制器负责管理控制视图。在iPhone上,它们也帮助进行导航和内存管理。选中Xcode项目管理器里的项目(即SayHello项目

36、,位于Groups and Files列表的顶部)或者选中SayHello文件夹新文件在添加时会被加入到当前选择的位置。 选中后,在Xcode菜单中选择 File New New File,也可以在选中的文件夹上面点右键,选择 New File。在New File窗口中,请选择Cocoa Touch,然后选择UIViewController subclass。点击 Next 按钮,在Options窗口,请勾选 “With XIB for user interface”复选框。选中 “With XIB for user interface”后,Xcode在创建视图控制器的同时,会为其创建一份ni

37、b文件,并将该文件添加到项目中。点击Next按钮,在其后出现的保存文件窗口中,为文件起个名字,例如RootTimelineViewController,并选择文件存储的位置,如下所示:点击 Save,文件会被添加到项目中。接下来,我们将创建控制器类的实例。创建视图控制器实例现在,我们有了视图控制器的类和nib文件,但要在应用程序代理中使用它,还必须创建类的实例,并且将实例存储在变量中,以便操作它。在应用程序委托类的头文件(即SayHelloAppDelegate.h)中执行下述操作:在一个类中访问另一个类,首先需要引用被访问类的头文件。所以我们先在应用程序委托头文件(SayHelloAppDe

38、legate.h)的接口声明前面-即SayHelloAppDelegate声明前面引用视图控制器(RootViewController)的头文件:#import RootViewController.h 然后在头文件大括号之间添加下面的代码,这是为了向应用程序委托添加一个实例变量:RootViewController *viewController;在大括号之后 end之前添加下面的属性声明:property (nonatomic, retain) RootViewController *viewController;在头文件中添加完相应变量和属性申明后,需要在对应的实现文件中,合成属性的存取

39、方法,在dealloc方法中释放视图控制器的实例。在应用程序委托类的实现文件(即SayHelloAppDelegate.m)中执行下述操作:在类的 implementation代码块中通知编译器为视图控制器合成存取方法:synthesize viewController;在dealloc方法起始处释放视图控制器:viewController release;我们已经把视图控制器属性添加到应用程序的委托,现在需要实际创建一个视图控制器实例,并将其设置为属性的值。在应用程序委托类实现文件(即SayHelloWorldAppDelegate.m文件)中的applicationDidFinishLau

40、nching: 方法开头添加如下代码,这些代码用于创建一个RootViewController实例:RootViewController *controller = RootViewController allocinitWithNibName:RootViewController bundle:nil;self.viewController = controller;controller release;这段代码的作用如下: 创建RootViewController这个视图控制器的实例。使用alloc方法创建一个视图控制器,然后用initWithNibName:bundle:方法对其进行初始

41、化。init方法先指定控制器应加载的nib文件,然后指定在哪个程序包中可找到该文件。程序包是文件系统某个位置的抽象,该位置存放了应用程序将会用到的代码和资源。 使用属性的存取方法,将创建好的视图控制器实例设置为viewController属性变量的值 根据内存管理规则释放视图控制器视图控制器用来配置和管理在应用程序中看到的视图,每一个视图也对应有一个视图控制器来管理。窗体(window)有一个根视图控制器这个视图控制器负责配置当窗体显示时最先显示的视图。要让你的视图控制器的内容显示在窗体中,需要去设置窗体的根视图控制器为你的视图控制器。所以我们的项目中,在上面创建视图控制器实例代码后面再添加一

42、行代码,来设置窗体的根视图控制器为我们新添加的视图控制器:self.window.rootViewController = controller;最后一行来自于Xcode提供的模板自动生成的代码:self.window makeKeyAndVisible;这行代码会让包含了视图控制器视图的Window窗口显示在屏幕上。本章完整代码,SayHelloAppDelegate.h文件:#import #import RootViewController.hinterface SayHelloAppDelegate : NSObject RootViewController *viewControll

43、er;property (nonatomic, retain) IBOutlet UIWindow *window;property (nonatomic, retain) RootViewController *viewController;endSayHelloAppDelegate.m文件:#import SayHelloAppDelegate.himplementation SayHelloAppDelegatesynthesize window=_window;synthesize viewController;- (BOOL)application:(UIApplication *

44、)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptionsRootViewController *controller = RootViewController allocinitWithNibName:RootViewController bundle:nil;self.viewController = controller;controller release;self.window.rootViewController = controller;self.window makeKeyAndVisible

45、;return YES;- (void)dealloc_window release;viewController release;super dealloc;end测试运行在Xcode的菜单中选择 Product Run 或者点击左上角工具栏上的 Run 按钮,iPhone模拟器应该会自动启动。当应用程序启动后,还是看到一个白色屏幕,不过第一次看到的白色屏幕,是应用程序代理中的Window,而这次看到的白色屏幕,是视图控制器RootViewController中的视图。下一步,我们将开始对界面进行编辑。编辑Nib文件在iPhone开发中,一般都会用NIB文件来来负责界面显示,也就是MVC模型

46、里面的视图对象,而NIB文件只包含用户界面元素,不包含任何源码,那么怎么让视图对象和视图控制器关联起来呢?这就需要用到两个非常重要的概念:插座变量(outlet)和文件拥有者代理对象(Files Owner)。视图控制器的视图和Nib文件视图控制器主要的职责就是配置和管理应用程序中所有的视图,一般来说,视图控制器的视图是放在一个Nib文件中,当然也可以不需要Nib文件,通过程序创建视图,典型的如UITableViewController这样的视图控制器,就可以不需要Nib文件。在创建视图控制器实例时,其中一个主要的构造函数 initWithNibName:bundle: 的第一个参数就是视图控

47、制器对应的Nib文件的名字。视图控制器在其 loadView 方法中加载它的Nib文件。如果是使用 initWithNibName:bundle: 构造函数生成的实例,并且你想在视图加载完成后进行额外的设置,只要重写视图控制器的 viewDidLoad 方法就好了。在Xcode中点击打开视图控制器的Nib文件(即RootViewController.xib文件),在Xcode中即可直接查看和编辑。文件包含三个对象,文件拥有者代理(Files Owner),第一响应者代理(First Responder)以及一个视图(View)。视图(View)是视图控制器的主视图,在主视图中还可以添加若干子视

48、图。文件拥有者代理(Files Owner)代表Nib文件对应的视图控制器类。理解文件所有者代理的角色,以及如何建立文件所有者和Nib文件中界面元素之间的连接,是非常重要的。小贴士: 在Xcode中编辑Nib文件时,可以通过点击右上角工具栏按钮 显示隐藏相应面板,方便对界面编辑和属性设置。文件拥有者(Files Owner)在一个Nib文件中,文件拥有者对象是其中最重要的对象之一,因为正是通过它,来建立起应用程序代码和Nib界面文件中对象之间的连接,具体来说,它就是对应Nib文件的视图控制器对象。以本项目为例,RootViewController.xib这个Nib文件的文件拥有者对象就是Roo

49、tViewController类的实例。一般来说,在使用模板同时创建UIViewController文件和对应的Nib文件时,它默认会设置Nib文件对应的文件拥有者为创建的UIViewController类。如果要修改或者设置Nib文件对应的文件拥有者,可以使用 Identity Inspector 面板进行设置。如上图所示, 本项目的RootViewController.xib文件对应的文件所有者,在Identity Inspector 面板中,Custom Class部分的Class项,可以看到对应的值是RootViewController,这表示文件拥有者就是RootViewContro

50、ller类的实例,就可以在Xcode中访问文件拥有者类里面标志为IBOutlet的属性和IBAction的方法,和Nib文件中的界面元素建立关联。视图插座变量在Xcode中,使用 Inspector 面板,或者在连接面板,可以查看、创建、删除对象之间的连接。要查看视图控制器的连接,可以通过以下步骤: 在Xcode的界面中,从左侧的文件组选中要查看的视图控制器的Xib文件 在视图编辑界面,点击选中 Files Owner 在 Inspector 面板,选中 Connection inspector,这里会显示文件所有者所有的插座连接 在视图编辑界面,按住Control键点击 Files Owne

51、r 或者在 Files Owner上点击右键,弹出一个黑色半透明的面板显示文件所有者的所有连接在上面第三步,右侧面板显示的连接面板和右键点击Files Owner弹出的半透明连接面板,显示的信息和作用都是一样的,可以根据个人习惯灵活使用。到目前为止唯一的连接是视图控制器的 view 插座变量。一个插座变量就对应视图控制器类的一个属性(有时候也可以是一个实例变量),只不过这个属性和nib文件中的某个界面元素连接在一起。此处的view的连接,表明当nib文件 RootViewController.xib 被加载,并且UIView的实例解档之后,视图控制器的view实例变量会被设置为指向nib文件中

52、的视图。中间测试在项目开发中,尤其在对开发工具和语言不熟悉的时候,需要经常性的对新增的功能进行测试,以确保当前功能运行是正常的。比如我们新增了RootViewController这个自定义视图控制器,需要去测试一下它是不是已经成功添加。要测试视图控制器工作正常,简单的办法修改视图控制器的视图的背景色,例如修改为粉红色背景,然后重新运行,看看是不是界面变成了红色背景。要设置视图控制器的视图的背景色,步骤如下: 在Xcode的界面中,从左侧的文件组选中视图控制器的Xib文件(RootViewController.xib) 在右侧的功能区域,选择属性面板(Attributes inspector)

53、在编辑区域,选择视图 在视图的属性面板,点击背景色(Background)对应的颜色下拉框,会弹出颜色选择面板 在颜色选择面板,选择一个合适的颜色,例如粉红色 保存nib文件 点击左上角工具栏的Run按钮,编译运行项目正常情况下,编译应该不会出现任何错误,运行后会弹出模拟器,结果如下图所示:确认没有问题后,再将应用的背景色还原。还原的话,将视图的背景色设置为白色就好了。配置视图Xcode提供了一套对象库,可以直接添加到Nib文件中。其中一部分示界面元素,例如按钮和文本输入框;其他一部分是控制器对象,例如视图控制器。我们当前项目的nib文件已经包含了视图,现在只要添加按钮和文本输入框就好了。从对

54、象库中将用户界面元素拖动到视图中,基本步骤如下: 在Xcode的界面中,从左侧的文件组选中视图控制器的Xib文件(RootViewController.xib) 在右侧的功能区域,显示对象库(object library) 添加一个按钮(UIButton),一个文本输入框(UITextField),两个文本标签(UILabel)到视图中。可以从对象库里面拖动并将它们放到视图 参考前面的原型设计,对界面元素的尺寸和布局进行调整 将右侧功能区域切换到属性面板(Attributes inspector) 选中文本输入框(Text Field),设置Placehold属性为“请输入姓名” 选中左上侧的

55、文本标签(UILabel),设置Text属性为“姓名” 选中下面的文本标签(UILabel),设置Text属性为空,Alignment属性设置为居中对齐 选中按钮(UIButton),设置Title属性为“招呼” 设置好的界面如下所示:如果我们想让用户在输入时有一些更好的体验,比如用户输入英文名时,默认会首字母大写;比如键盘会显示完成(Done)按键,点击后完成输入隐藏键盘。要支持这样的输入细节,通过设置文本框属性就可以完成: 在Capitalization下拉列表,选择Words,以支持首字母大写 在Return Key下拉列表,选择Done,以支持键盘上显示完成(Done)按键保存文件后,

56、编译运行程序,可以看到运行的界面效果和我们在Xcode中摆放的效果是一样的。点击按钮,按钮会高亮,在文本输入框中点击,会弹出输入键盘,键盘里可以看到完成(Done)按钮。但是还不能根据输入的内容去显示文字,还不能隐藏键盘,因为目前我们还仅仅完成了视图部分的工作,还需要让视图中的对象和视图控制器的对象之间建立连接,并添加相应的逻辑,才能实现。实现视图控制器实现视图控制器需要完成以下几件事: 定义插座变量和动作方法,和Nib文件的视图中的界面元素进行关联 实现点击按钮后的相关逻辑根据输入的名字显示相应的招呼语,判断输入的名字是不是为空是不是超长 用户点击键盘上的完成(Done)按键后,键盘会消失建立连接从业务角度来看,我们需要和界面的几个元素建立关联:1. 文本输入框,获取它的输入文字2. 文本标签,让它显示特定文字3. 按钮,响应它的点击事件在Xcode4之前,Interface Builder和Xcode是分开的,一般是先在Xcode中定义好插座变量和动作方法,然后再在InterfaceBuilder中去建立界面元素和视图控制器之间的连接,到Xcode4之后,Interface Builder和Xcode已经统一合并在了一起,所以这部分也有一些变化,Xcode4让这部分工作变

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论