移动互联网应用开发.ppt
《移动互联网应用开发.ppt》由会员分享,可在线阅读,更多相关《移动互联网应用开发.ppt(46页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、移动互联网移动互联网终端终端移动互联网应用开发之移动互联网应用开发之iOSiOS蔡志平蔡志平多视图应用程序多视图应用程序v经典关系典关系图AppViewViewViewControllerViewControllerViewController多视图应用程序多视图应用程序vView SwitcherView Switcher应用程序:用程序:XCODE多视图应用程序多视图应用程序v构建构建 View Switcher View Switcher打开XCode,从File菜单中选择New Project,或者打开模板窗口后,选择Window-Based Application,一定要使Uses
2、Core For Storage复选框处于未选中状态,输入项目名称View Switcher。多视图应用程序多视图应用程序模板选择多视图应用程序多视图应用程序这个模板仅提供一个窗口和一个应用程序委托,没有视图,也没有控制器。多视图应用程序多视图应用程序v创建建视图控制器和控制器和nibnib文件文件单击Groups&Files窗格中的Classes文件夹,然后按下N或从File菜单中选择New File多视图应用程序多视图应用程序从左侧窗格中选择Cocoa Touch Classes,可以看到用于常用的Cocoa Touch类的模板。选择UIViewController subclass.在右
3、侧窗格中,可以看到一个标有With XIB for user interface的复选框。如果该复选框处于被选中状态,则单击它以取消选择。单击Next,输入名称SwitchViewController.m确保选中了Also create“SwitchViewController.h”,然后单击Finish.多视图应用程序多视图应用程序重复相同的步骤两次,创建BlueViewController.m和YellowViewController.m,确保也为这两个控制器创建了相应的头文件。这两个视图将由SwitchViewController进行切换。创建另外两个nib文件,分别对应刚才创建的两个内
4、容视图。要创建nib文件,就要单击Group&Files窗格中的Resource文件夹,以便在正确的位置创建它们。按下N或从File菜单中选择New File,出现帮助窗口之后,在左侧窗格中的iPhone OS标题下选择User Interface多视图应用程序多视图应用程序选择View XIB模板的图标,这将创建一个带有内容视图的nib,然后单击Next按钮。当提示输入文件名时,输入BlueView.xib.重复步骤,创建另一个nib文件YellowView.xib。多视图应用程序多视图应用程序v修改修改应用程序委托:用程序委托:多视图应用程序的第一站是应用程序委托。单击Groups&Fil
5、es窗格中的View_SwitchAppDelegate.h文件,并对文件进行如下修改:#import class SwitchViewController;interface View_SwitcherAppDelegate:NSObject IBOutlet UIWindow*window;IBOutlet SwitchViewController*switchViewController;property(nonatomic,retain)UIWindow*window;property(nonatomic,retain)SwitchViewController*switchViewCo
6、ntroller;end多视图应用程序多视图应用程序刚才输入的IBOutlet声明的是一个输出口,它指向应用程序的根控制器。这个输出口必不可少,因为我们将编写代码来将根控制器的视图添加应用程序的主窗口。修改View_SwitherAppDelegate.m添加代码将跟控制器的视图添加到应用程序的主窗口:多视图应用程序多视图应用程序修改代码的实现文件synthesize window;synthesize switchViewController;-(void)applicationDidFinishLaunching:(UIApplication*)application /Override
7、point for customization after app launchwindow addSubview:switchViewController.view;window makeKeyAndVisible;-(void)dealloc window release;switchViewController release;super dealloc;多视图应用程序多视图应用程序v修改修改SwitchViewController.hSwitchViewController.h由于我们将在MainWindow.xib中添加一个SwitchViewController实例,我们需要一个操
8、作方法实现视图之间的切换,我们不需要任何输出口,但是需要额外的两个指针,分别指向将要交换的两个视图控制器。这些指针不需要输出口,因为我们将在代码中而不是在nib中创建它们。多视图应用程序多视图应用程序修改SwitchViewController.h#import class BlueViewController;class YellowViewController;interface SwitchViewController:UIViewController YellowViewController*yellowViewController;BlueViewController*blueVie
9、wController;property(retain,nonatomic)YellowViewController*yellowViewController;property(retain,nonatomic)BlueViewController*blueViewController;-(IBAction)switchViews:(id)sender;end多视图应用程序多视图应用程序v修改修改MainWindow.xibMainWindow.xib双击MainWindow.xib,在Interface Builder中打开它。Nib的主窗口中应该有四个按钮:Files Owner,Firs
10、t Responder,View_SwitcherAppDelegate以及Window多视图应用程序多视图应用程序多视图应用程序多视图应用程序我们需要添加另外一个图标,该图标表示根控制器的一个实例。因为Interface Builder的库不包含SwitchViewController,所以必须添加一个视图控制器,并将其类改为SwitchViewController。由于需要添加的类是UIViewController的一个子类,因此可以在ViewController中查看这些子类,将其中一个子类拖到nib的主窗口(标题为Man Window.xib).多视图应用程序多视图应用程序多视图应用程
11、序多视图应用程序完成上述操作后,nib的主窗口将包含5个图标,以及一个包含灰色虚线圆角矩形的view窗口多视图应用程序多视图应用程序我们仅添加了一个UIViewController的实例,但实际上我们需要一个SwitchViewController实例,因此,将视图控制器改为SwitchViewController.在nib的主窗口中单击View Controller图标,并按下4打开身份检查器:多视图应用程序多视图应用程序借助身份检查器,你可以指定当前选定对象的类。当前指定的视图控制器是UIViewController,且并未定义任何动作。单击标签为Class的组合框,也就是检查器顶部现在显
12、示为UIViewController的组合框。将Class改为SwitchViewController.完成更改后,Class Actions部分将会显示swtchViews:操作方法。还可以看到,在nib的主窗口中,新图标的名称由View Controller变为了Switch View Controller.多视图应用程序多视图应用程序因为要为用户提供一种方式来更改视图,所以我们将使用一个带按钮的工具栏。为根控制器SwitchViewController构建视图。从库中拖一个View到SwitchViewController对应的窗口中。从库中拖动一个工具栏到视图上,将其放在底部。多视图应
13、用程序多视图应用程序该工具栏带有一个按钮,我们使用该按钮来让用户在不同的视图之间切换。双击该视图将其标题改为Switch Views.按下回车提交更改。我们需要将工具栏连接到操作方法。单击SwitchView,等待片刻,然后再次单击将其选中。按住Control键将该按钮拖到Switch View Controller图标,然后选择switchViews:操作。多视图应用程序多视图应用程序我们在View_SwitcherAppDelegate中创建了一个输出口,所以应用程序能够获得SwitchViewController实例并连接到输出口。按住Control键并将View_SwicherAppD
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 互联网 应用 开发
限制150内