iOS 之美:iOS Delegate 使用五步曲

时间:2024-09-04 11:06:02

在iOS 开发中, 搞清楚Delegate 是需要花些时间的。 Delegate 本来是软件架构设计的一种理念。对于像手机这样一个有限的设备,我们需要充分考虑到:内存要尽量省着用; 视图之间的关系要清晰。 如果你所开发的App ,仅仅是一个demo,是体现不出架构优势的。 但当你的App 需要处理海量数据, 而视图之间的关系又颇为复杂时,你将不得不考虑这些问题。
视图之间的关系,不仅仅是跳转,更重要的是视图之间数据的传递。当视图A 发生变化时,如何将这个变化告知视图B 呢? 举个例子吧。

如下图所示。

iOS 之美:iOS Delegate 使用五步曲

这是一个计算器App,支持函数的图形展示。 点击右上角的按钮,可弹出函数 列表。 这个列表是一个TableView;  函数图形的展示是另一个视图,我们称之为 GraphicView。  这个实例所展示的是: 当在Tableview选择不同的函数时,函数的绘制图形会随之改变。这里要解决的关键问题是, 如何将所选择的函数告知 函数图形视图? 

先说明下,这是基于Storyboard 创建的工程。 工程本身有些复杂,我们不再从头讲起,这里着重讲解 @protocol 的使用。

 通常,一个delegate的使用过程,需要经过五步:

1.     创建一个 delegate;

2.    委托者声明一个delegate;

3.    委托者调用delegate内的方法(method);

4.    被委托者设置delegate,以便被委托者调用;

5.    被委托者实现Delegate 所定义的方法。

接下来,我们来一步一步实现:

1.1    第一步: 创建一个delegate
在 .h 文件中, 通过 @protocol 创建一个 delegate: @protocol CalculatorProgramsTableViewControllerDelegate @optional - (void)calculatorProgramsTableViewController: (CalculatorPorgramTableViewController *)sender choseProgram:(id)program; @end 代码解释: @protocol CalculatorProgramsTableViewControllerDelegate 用来创建一个delegate。 这个delegate 中有一个方法: (void)calculatorProgramsTableViewController @optional 表明,这个方法是不要求一定实现,是可选的。 小贴士: 这里需明确一个概念, 虽然通过@protocol 定义了一个delegate,但不能说, delegate 就是protocol。 前面提到过,delegate是一种架构设计模式。 在iOS中,它是通过@protocol 来实现的。 1.2 第二步: 委托者声明一个delegate 在TableView 的 .h 文件中 (CalculatorProgramsTableViewController.h), 将之前创建的delegate 通过@property 进行声明。 代码如下: @interface CalculatorProgramsTableViewController : UITableViewController ... // Define a property delegate @property (nonatomic, weak) id<CalculatorProgramsTableViewControlerDelegate> delegate; ... @end 添加这几行代码后 , TableView 便拥有了Delegate。 有了Delegate, TableView就可以发消息了。 仅仅是可以发消息了,但还没有发。 下一步,Tableview 开始发送消息。 1.3 第三步:委托者调用delegate内的方法 我们的目标是: 当在TableView 上选择不同的函数时, TableView 将这个所选定的函数,告知绘制函数图形的GraphicView。 这一步,TableView 通过调用delegate的方法,发送消息。代码实现如下: #progma mark - UITableViewDelegate - (void)tableView:(UITableView *)tableView didSeelectRowAtIndexPath:(NSIndexPath *)indexPath { id program = [self.programs objectAtIndex:indexPath.row]; [self.delegate calculatorProgramsTableViewController:self choseProgram:porgram]; } 代码解释: 注意到 高亮部分的 self.delegate 了吧。 UITableView 就是通过这个之前定义的delegate 发送消息的。具体做法是: UITableViewController 调用delegate 中所定义的函数。通过这个函数的调用, 实现了消息的发送。但发到哪里去了,还不得而知。这是因为, self.delegate 还没赋值呢。 接下来,要做的是: 将 self.delegate 设置为GraphicView。 1.4 被委托者设置delegate,以便被委托者调用; 前面谈到, UITableViewController 中的self.delegate 还没有赋值。既然TableView 想把值传给Graphicview, 那就应该在calculatorGraphViewController.m 文件中设置delegate。 也就是说,让Graphicview 成为Tableview的delegate。 代码如下: @implementation CalculatorGraphViewController ... - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { if ([segue.identifier isEqualToString:@"Show Favorite Graphics"]) { NSArray * programs = [[NSUserDefaults standardUserDefaults] objectForKey:FAVORITES_KEY]; [segue.destinationViewController setPrograms:programs]; [segue.destinationViewController setDelegate:self]; // set delegate } } 代码解释: 但点击Graphicview 右上角的button 时, 会弹出一个Tableview。同时,在这段代码的最后一行,将CalculatorGraphViewController 设置为Tableview 的delegate。 通过这个设置, Tableview便可以调用Graphicview 所遵循的delegate 的的方法。 Delegate 的这个方法还没实现呢, 赶紧实现它吧。 1.5 被委托者实现Delegate 所定义的方法。 还记得那个神秘的 <> 吧。 通过以下代码,让GraphicViewController 来遵循这个delegate。 // .h to implement the protocol @interface CalculatorGraphViewController :NSObject <CalculatorProgramsTableViewControllerDelegate> ... @end 这是delegate使用的最后一步了, 我们在segue的controller 文件中,实现这个protocol所定义的方法。代码如下: // implement delegate method - (void)calculatorProgramsTableViewController:(CalculatorProgramsTableViewController *)sender chooseProgram:(id)program { self.calculatorProgram = program; } 1.6 小结
通过以上delegate 五部曲的演示,我们对delegate的机制,清楚些了吧。 Delegate 实现了不同视图之间的数据交互。 Delegate 属于事件驱动的范畴。只有当某一事件触发时,delegate 才被调用。 在Cocoa 框架中, 虽然数据存储和访问的方式有多种, 但delegate 所独有的数据交互模式是无可替代的。 注:以上来自斯坦福iOS 教学。 这是一个经典的 delegate 应用案例。 -----------------------