斯坦福大学iOS应用开发教程学习笔记(第七课)Pad和iPhone的通用程序

第七课的主要内容：iPad 和iPhone的通用程序

这节课主要讲如何在一个程序里适配iPad 和iPhone。

内容简介

1、UIToolbar上面放的都是UIBarButtonItem

可以参考iOS学习之UINavigationController详解与使用(三)ToolBar

这节课的Demo是把UIToolbar拖放到iPad的故事版的顶部来使用。

2、UISplitViewController

UISplitViewController只能在iPad的storyboard使用。

3、UISplitViewControllerDelegate

Showing and Hiding View Controllers

• – splitViewController:shouldHideViewController:inOrientation:
• – splitViewController:willHideViewController:withBarButtonItem:forPopoverController:
• – splitViewController:willShowViewController:invalidatingBarButtonItem:
• – splitViewController:popoverController:willPresentViewController:

这几个代理方法会用到。

有了这些理论知识后，

开始Demo

先得有上节课的材料：Psychologist.zip 的程序。把这个项目下载下来，打开。

在开始弄iPad之前，先解决下下面这个bug.

在前面的课程都是用的iPhone的项目。这次打开源码后，运行时选择模拟器选择iPad。运行后

按command+ ->改变模拟器的方向，上面的的button显示不大好看，改一下 spring&structs。

这样在app水平放下时按钮自动缩放了。

开始通用程序的修改吧

1、修改项目设置为Universal。

打开项目targets

把原来的MainStoryboard.storyboard改名成：iPhone.storyboard。

对应的targets也改成iPhone.storyboard。

新建一个iPad.storyboard,targets里添加iPad.storyboard。

2、在iPad.storyboard拖放一个UISplitViewController。

iPad.storyboard里是一片空白，放进去UISplitViewController好大个家伙。

后面的table view controller不需要，删掉。

3、新建RotatableViewController

新建RotatableViewController之后，把iPhone storyboard里的Psychologist界面拷到iPad.storyboard

然后在navigation Controller上按住control拖到 Psychologist界面上，选择relationship 为root view。

把对应的Dr.Pill 和Dr. Freud都拷过来，从两个按钮那拖过来选push方式。

把Psychologist的界面的class设置为：RotatableViewController

RotatableViewController的代码如下：

[cpp]  view plain copy

1. #import <UIKit/UIKit.h>  
2.   
3. @interface RotatableViewController : UIViewController<UISplitViewControllerDelegate>  
4.   
5. @end  

[cpp]  view plain copy

1. #import "RotatableViewController.h"  
2. #import "SplitViewBarButtonItemPresenter.h"  
3.   
4. @interface RotatableViewController ()  
5.   
6. @end  
7.   
8. @implementation RotatableViewController  
9.   
10.   
11. - (void)awakeFromNib  
12. {  
13.     [super awakeFromNib];  
14.     self.splitViewController.delegate = self;  
15. }  
16.   
17. - (id <SplitViewBarButtonItemPresenter>)splitViewBarButtonItemPresenter  
18. {  
19.     id detailVC = [self.splitViewController.viewControllers lastObject];  
20.     if (![detailVC conformsToProtocol:@protocol(SplitViewBarButtonItemPresenter)]) {  
21.         detailVC = nil;  
22.     }  
23.     return  detailVC;  
24. }  
25.   
26. - (BOOL)splitViewController:(UISplitViewController *)svc  
27.    shouldHideViewController:(UIViewController *)vc  
28.               inOrientation:(UIInterfaceOrientation)orientation  
29. {  
30.     return [self splitViewBarButtonItemPresenter] ? UIInterfaceOrientationIsPortrait(orientation) :NO;  
31. }   
32.   
33. - (void)splitViewController:(UISplitViewController *)svc  
34.      willHideViewController:(UIViewController *)aViewController  
35.           withBarButtonItem:(UIBarButtonItem *)barButtonItem  
36.        forPopoverController:(UIPopoverController *)pc  
37. {  
38.     barButtonItem.title = self.title;  
39.     [self splitViewBarButtonItemPresenter].splitViewBarButtonItem = barButtonItem;  
40.       
41. }  
42.   
43. -(void)splitViewController:(UISplitViewController *)svc  
44.     willShowViewController:(UIViewController *)aViewController  
45.  invalidatingBarButtonItem:(UIBarButtonItem *)barButtonItem  
46. {  
47. <pre name="code" class="cpp">    [self splitViewBarButtonItemPresenter].splitViewBarButtonItem = nil;</pre>}- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation{    return YES;}@end  

4、设置HappinessViewController

把iPad.storyboard上最大的detail 的controller设置它的class为HappinessViewController。

再拖放一个空白的view到上面去，选择view,设置view的class为FaceView。

点住Happiness View controller的黄色按钮，再按住conrtol按钮拖到view上，选择faceView。

现在运行看下效果：

运行正常。

不过现在还没有和它的幸福度关联起来。

5、关联幸福度

在PsychologistViewController.m文件里修改添加如下：

[cpp]  view plain copy

1. - (HappinessViewController *)splitViewHappinessViewController  
2. {  
3.     id hvc = [self.splitViewController.viewControllers lastObject];  
4.     if (![hvc isKindOfClass:[HappinessViewController class]]) {  
5.         hvc = nil;  
6.     }  
7.     return hvc;  
8. }  
9.   
10. - (void)setAndShowDiagnosis:(int)diagnosis  
11. {  
12.     self.diagnosis = diagnosis;  
13.     if ([self splitViewHappinessViewController]) {  
14.         [self splitViewHappinessViewController].happiness = diagnosis;  
15.     }else{  
16.         [self performSegueWithIdentifier:@"ShowDiagnosis" sender:self];  
17.     }  
18. }  

这样就ok了。

6、添加UIToolbar

在iPad.storyboard大大的view的最上面拖放一UIToolbar ,把item删掉。关联代码里的toolbar 。

添加一个protocol

新建protocol 

SplitViewBarButtonItemPresenter

[cpp]  view plain copy

1. #import <UIKit/UIKit.h>  
2.   
3. @protocol SplitViewBarButtonItemPresenter <NSObject>  
4. @property (nonatomic, strong) UIBarButtonItem *splitViewBarButtonItem;  
5. @end  

HappinessViewController .h

[cpp]  view plain copy

1. #import <UIKit/UIKit.h>  
2. #import "SplitViewBarButtonItemPresenter.h"  
3.   
4. @interface HappinessViewController : UIViewController<SplitViewBarButtonItemPresenter>  
5.   
6. @property (nonatomic) int happiness;  // 0 is sad; 100 is very happy  
7.   
8. @end  

HappinessViewController实现协议。

[cpp]  view plain copy

1. #import "HappinessViewController.h"  
2. #import "FaceView.h"  
3.   
4. @interface HappinessViewController() <FaceViewDataSource>  
5. @property (nonatomic, weak) IBOutlet FaceView *faceView;  
6. @property (nonatomic, weak) IBOutlet UIToolbar *toolbar;  
7. @end  
8.   
9. @implementation HappinessViewController  
10.   
11. @synthesize happiness = _happiness;  
12. @synthesize faceView = _faceView;  
13. @synthesize splitViewBarButtonItem = _splitViewBarButtonItem;  
14. @synthesize toolbar = _toolbar;  
15.   
16. - (void)setSplitViewBarButtonItem:(UIBarButtonItem *)splitViewBarButtonItem  
17. {  
18.     if (_splitViewBarButtonItem != splitViewBarButtonItem) {  
19.         NSMutableArray *toolbarItems = [self.toolbar.items mutableCopy];  
20.         if (_splitViewBarButtonItem) {  
21.             [toolbarItems removeObject:_splitViewBarButtonItem];  
22.         }  
23.         if (splitViewBarButtonItem) {  
24.             [toolbarItems insertObject: splitViewBarButtonItem atIndex:0 ];  
25.         }  
26.         self.toolbar.items = toolbarItems;  
27.         _splitViewBarButtonItem = splitViewBarButtonItem;  
28.     }  
29. }  
30. //.......  

运行，看下效果：

 

看到toolbar了，可以点它展开左边的栏。可以按 command+ 方向键来跳转模拟器的放下看效果。

这是跟着视频做好的代码 http://download.csdn.net/detail/totogo2010/4927845

容芳志 (http://blog.csdn.net/totogo2010)

本文遵循“署名-非商业用途-保持一致”创作公用协议

原文地址：http://blog.csdn.net/totogo2010/article/details/8434471