继上次通过Storyboard完成了简单地页面跳转之后,我发现了很多问题,比如从第二个页面回跳到第一个页面,并不是依照正向跳转那样简单地模仿就好,在实际运行中会发现程序报错了。这次,我们将结合一道经典的题目,完成对页面跳转、传值以及附带的相关键盘输入的问题总结。题目源自《iOS开发之美》一书,有兴趣的小伙伴可以去翻来看看,我在学习之后加入了很多自己的感悟和实际操作的情况。原题如下:
有两个scene,分别为Scene A和Scene B。Scene A上有一个UIButton(Button A)和一个UILable(Lable A);Scene B上有一个UITextFiled(textFiled)。当单击Scene A上的Button A时,跳转到Scene B,在Scene B的textFiled上输入文字,单击键盘的“完成”按钮,返回到Scene A,并在Scene A的Lable A上显示刚才输入的内容。
这是一个典型的场景之间的跳转和逆向传值问题,看似简单,却暗藏杀机。我们不仅要使用Storyboard框架,还要采用Delegate模式,最后达到题目要求。
Delegate
什么是Delegate?跟这道题目又有什么关系呢?
简单分析一下题目,主要包括Storyboard的应用,页面跳转,数据的交互,似乎跟Delegate没什么关系呢。在这里我决定先不刨根问底,留一个小悬念,在实际的解决问题的过程中去慢慢“悟”关于Delegate的一切,它是一种设计模式,并不是那么简单就能描述清楚的。
页面之间的数据传递
iOS提供了多种方法,来实现页面之间的数据传递:
- 使用SharedApplication,定义一个类似全局的变量来传递
- 使用文件,或者使用NSUserdefault来传递
- 通过一个单例(SingleXX)的class来传递
- 通过Delegate来传递
关于数据的存储方式共有五种:
- User Defaults
- Property List(对应)
- Object archives
- SQLite
- Core Data
在本道题目当中,显然采用Delegate方式是最佳方案。
界面搭建
有了先前我们使用Storyboard的经验,我们先很快的对界面进行搭建。先抛开所有的segue不管,先把题目中描述的情况展现出来再说。
我们新建名为delegateSentValue的工程,在原有viewController的基础上再新建一个,同时新建名为viewController2的.h和.m文件,对它们进行关联。再向两个view中拖放组件,并且将它们关联到相应的文件。这个过程应该是很简单的,我们暂且不管需要响应事件的Button,只是将两个Lable和一个textFiled在两个.h文件中进行属性声明。完成后如下图:
搭建完成界面之后,我们先实现从Scene A到Scene B的跳转。通过“Ctrl+drag”操作,将Button与Scene B关联,设置为“modal”模式,然后我们选中这个Segue,将它的identifier命名为Segue_ID_AB。
我们可以先来运行下,这时我们可以实现通过点击按钮实现页面正向跳转的功能,点击输入框,我们可以接受键盘的输入。
Delegate应用
我们所剩的任务还有输入内容,单击键盘上的“完成(return)”按钮,返回Scene A,并将刚才输入的内容显示在Scene A中。
对于一个Delegate应用,需要5步来完成:
- 委托者声明一个Delegate
- 委托者调用Delegate内的方法
- 关联委托者与被委托者
- 被委托者遵循Delegate协议
- 被委托者重写Delegate内的方法
委托者声明一个Delegate
在ViewController2中,#import <UIKit/UIKit.h>下,@interface前添加如下代码:
@protocol ViewController2Delegate <NSObject>
-(void) viewController2:(ViewController2 * )sceneBVC didInputed:(NSString * )string;
@end
在@interface中声明:
@property (weak, nonatomic) id <ViewController2Delegate> delegate;
通过@protocol创建一个Delegate并声明。
这里需要注意的一点是,如果仅仅是按照上面的要求去添加代码,会出现“Expected a type.”的错误,原因是我们要使用ViewController2类型,而这个类型先前是没有定义过的,可是如果我们把@protocol,也就是上面三行代码移到@property下面去的时候呢,在声明中的ViewController2Delegate又出现了同样的问题。于是乎,我们需要修改一下代码的结构,我们首先创建Delegate,然后声明,最后再在@interface的后面定义Delegate内的方法,这样一来就没有问题了。最后完整的ViewController2.h的代码如下:
#import <UIKit/UIKit.h>
@protocol ViewController2Delegate;
@interface ViewController2 : UIViewController
@property (weak, nonatomic) IBOutlet UILabel *showInformation2;
@property (weak, nonatomic) IBOutlet UITextField *inputInformation;
@property (weak, nonatomic) id <ViewController2Delegate> delegate;
@end
@protocol ViewController2Delegate <NSObject>
-(void) viewController:(ViewController2 *) sceneBVC didInputed:(NSString *) string;
@end
委托者调用Delegate内的方法
解决了上面的问题后,这一步就比较简单了,添加代码即可:
-(BOOL)textFieldShouldReturn:(UITextField *) textField{
if (self.delegate) {
//将UITextField内容传递给Delegate内的方法
[self.delegate viewController:self didInputed:self.inputInformation.text];
//让当前呈现的Scene B页面消失
[self.presentingViewController dismissViewControllerAnimated:YES completion:nil];
}
//让键盘消失
[textField resignFirstResponder];
return YES;
}
仅仅添加代码是远远不够的,我们还要关联,具体做法是在Storyboard中,选中ViewController2中的TextFiled控件,采用“Ctrl+drag”操作将其与ViewController2关联。
在Outlets中选中delegate。
关于让键盘消失这个问题,我会单独写篇文章说明,在这里先占个坑。
关联委托者与被委托者
明确这两者的关系在Delegate的应用中显得尤为重要,在ViewController.m中添加如下代码:
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
if ([segue.identifier isEqualToString:@"Segue_ID_AB"]) {
ViewController2 *sceneBVC = segue.destinationViewController;
sceneBVC.delegate = self;
}
}
在完成上面代码之后可能会收到来自编译器的报错,不过不用担心,等我们完成所有步骤,把代码完善了以后就没问题了。
这里最重要的就是prepareForSegue方法的使用,该方法的完整描述是:
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
segue:用以描述一个跳转的相关信息,比如是A controller 跳转至B controller页面,则我们可以通过它获取到Acontroller的一个实例对象,和B controller的一个实例对象。注意调用这个函数的时候,跳转行为还没有发生,所以我们可以在这个方法内部,获取到B controller的实例,然后传递一些参数过去。
sender:表示是谁触发了这次跳转。因为是从A--->B,所以这个sender可能是A controller里面的任何一个对象。我们可以用它来区分同一个页面上触发的不同的跳转行为。
比如:A页面上有2个按钮x和y,当点击x按钮时,就跳B页面;当点击y按钮时,就跳C页面。所以当点击x按钮时,触发了一个跳转,UIStoryboard的运行时就会去调用A controller里面的这个函数,其中sender就是x按钮。点击y按钮类似。这时候我们就可以判断如果sender是x按钮,则给B页面传递数据;如果按钮时y,则给C页面传递数据。或者是其他业务逻辑。
被委托者遵循Delegate协议
在ViewController.h中引入ViewController2.h,并让ViewController遵循委托者协议:
#import <UIKit/UIKit.h>
//引入
#import "ViewController2.h"
//让ViewController遵循委托者协议
@interface ViewController : UIViewController <ViewController2Delegate>
@property (weak, nonatomic) IBOutlet UILabel *showInformation;
@end
被委托者重写Delegate内的方法
在ViewController.m中,重写Delegate内的方法:
-(void)viewController:(ViewController2 *)sceneBVC didInputed:(NSString *)string{
self.showInformation.text = string;
}
测试与总结
先上图!
这样,我们就完整的解决了这个看似简单实际暗藏玄机的题目了。
Delegate实现了不同场景之间的数据交互。它属于事件驱动的范畴,只有当某一事件触发时,Delegate才被调用。从这到例题中我们使用到的Delegate还只是很少的一部分,想要熟练的使用并且有深入的理解还需要更多的探索。