• 代理是什么？什么時(shí)候用代理？
  代理其實(shí)是一種設(shè)計(jì)模式。

• 怎么使用代理？
  2.1 代理使用的前三步（a、聲明代理原型；b、聲明代理變量；c、調(diào)用代理方法）
  2.2 代理使用的后三步（a、<>聲明實(shí)現(xiàn)代理；b、設(shè)置代理的值；c、實(shí)現(xiàn)代理方法） ［前三步和后三步是對(duì)應(yīng)的］

在新創(chuàng)建的項(xiàng)目 BLDemo3 中再創(chuàng)建一個(gè)BLDragonView 的類。先來(lái)看一下視頻教學(xué)中運(yùn)行應(yīng)用后界面是如何的：

dragonView.jpg

再看一下這個(gè)類的頭文件 .h 其實(shí)還是很簡(jiǎn)單的：

#import <UIKit/UIKit.h>

@interface BLDragonView:UIView

@property(nonatomic, strong)UIImageView *dragonImageView;

@end

上面的彩圖中兩個(gè)前進(jìn)后退button，藍(lán)綠色背景，龍的圖片在 實(shí)現(xiàn)文件中 .m 實(shí)現(xiàn)：

#import "BLDragonView.h"

@implementation BLDragonView

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super iniWithFrame:frame];
    if (self) {
        self.backgroundColor = [UIColor cyanColor];

        self.dragonImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 100, 100)];
        self.dragonImageView.image = [UIImage imageNamed:@"dragon.png"];
        self.dragonImageView.backgroundColor = [UIColor clearColor];
        [self.view addSubview:self.dragonImageView];             // `為什么要搞一個(gè) self.`
    
        UIButton *backButton = [[UIButton alloc] initWithFrame:CGRectMake(10, 120, 50, 50)];
        [backButton buttonWithType:UIButtonTypeCustom];
        [backButton setImage:[UIImage imageName:@"back.png"] forState:UIControlStateNormal];
        [backButton addTarget:self
                       action:@selector(backButtonClicked:)
              forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:backButton];

        UIButton *forwardButton = [UIButton buttonWithType:UIButtonTypeCustom];
        forwardButton.frame = CGRectMake(10, 120, 50, 50);
        [forwardButton setImage:[UIImage imageNamed:@"forward.png"] forState:UIControlStateNormal];
        [forwardButton addTarget:self
                          action:@selector(forwardButtonClicked:)
                forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:forwardButton];
    }
    return self;
}

里面兩個(gè)button的方法是前進(jìn)和后退，代碼如下：

- (void)backButtonClicked:(id)sender
{
    CGFloat x = _dragonImageView.frame.origin.x - 10;
    if (x > 0) {
        _dragonImageView.frame = CGRectMake(x, _dragonImageView.frame.origin.y, 100, 100);
    }
}

- (void)forwardButtonClicked:(id)sender
{
    CGFloat x = _dragonImageView.frame.origin.x + 10;
    if (x < self.frame.size.width - 100) {
        _dragonImageView.frame = CGRectMake(x, _dragonImageView.frame.origin.y, 100, 100);
    }
}

程序一旦運(yùn)行，就會(huì)運(yùn)行到 ViewController.m 中：

#import "viewController.h"
#import "BLDragonView.h"

@interface ViewController ()

@end

@implementation Viewcontroller

- (void)viewDidLoad {
    [super viewDidLoad];

    BLDragonView *dragonView = [[BLDragonView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, 180)];
    [self.view addSubview:dragonView];

    UIButton *hideButton = [UIButton buttonWithType:UIButtonTypeCustom];
    hideButton.frame = CGRectMake((self.view.frame.size.width - 50 ) / 2, dragonView.frame.origin.y + 180 + 100, 50, 50);
    [hideButton setImage:[UIImage imageNamed:@"hide.png"] forState:UIControlStateNormal];
    [self.view addSubview:hideButton];
    [hideButton addTarget:self
                    acton:@selector(hideButtonClicked:)
         forControlEvents:UIControlEventTouchUpInside];
   
   // 下面指的是圖片中最下方的紫色狀態(tài)欄
    _dragonStatusLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height - 60, self.view.frame.size.width, 60)];
    _dragonStatusLabel.backgroundColor = [UIColor purpleColor];
    _dragonStatusLabel.numberOfLines = 0;
    _dragonStatusLabel.font = [UIFont systemFontOfSize:15];
    _dragonStatusLabel.textAlignment = NSTextAlignmentCenter;
    _dragonStatusLabel.text = @"dragon's status";
    _dragonStatusLabel.textColor = [UIColor whiteColor];
    [self.view addSubView:_dragonStatusLabel];
}

- (void)hideButtonClicked:(id)sender
{

}

當(dāng)我們希望點(diǎn)擊前進(jìn)按鈕，或者后退按鈕的時(shí)候，希望龍?jiān)谇斑M(jìn)或者后退的時(shí)候，dragonStatusLabel 的值可以變成 “前進(jìn)” 或者 “后退”。其實(shí)，要實(shí)現(xiàn)這樣的需求，就需要用到 代理 了。
??因?yàn)槲覀兊那斑M(jìn)按鈕的方法設(shè)置，和后退按鈕的方法設(shè)置（包括按鈕本身）都是在 另一個(gè)類 BLDragonView.m 中設(shè)置的。而需要改變的值的view 是在 ViewController.m 這個(gè)類中。因此在 BLDragonView 這個(gè)類中 button 有它自己的作用域，它是訪問(wèn)不到 _dragonStatueLabel 的。需要將在 BLDragonView.m 中 發(fā)生 的 backButtonClicked: 和 forwardButtonClicked: 告訴給 ViewControll 讓它來(lái)實(shí)現(xiàn)改變值的方法。 這樣需要讓代理方法出現(xiàn)了，點(diǎn)擊 BLDemo2 ，新建一個(gè)文件 Objective-C file。選擇它的類型是 protocol , 命名為 BLDragonViewDelegate :

dragonView.png

?emsp;生成的文件不是一個(gè)類，僅僅是一個(gè)聲明文件，相當(dāng)于代理的第一步，聲明代理原型，里面還需要聲明代理方法：

#import <Foundation/Foundation.h>

@class BLDragonView;

@protocol BLDragonViewDelegate <NSObject>

- (void)backButtonClicked:(BLDragonView *)dragonView;    // 為什么在代理方法中最好有參數(shù) ，是因?yàn)橐苍S將來(lái)執(zhí)行這個(gè)代理方法的類，也許會(huì)創(chuàng)建多個(gè) BLDragonView 類的對(duì)象，所以可以通過(guò)參數(shù)的tag來(lái)做更多更方便的操作。

- (void)forwardButtonClicked:(BLDragonView *)dragonView;   

需要在 BLDragonView.m 中 導(dǎo)入 ：#import "BLDragonViewDelegate.h"
為什么在上面的代碼段中不使用 #import <BLDragonView.h>,而使用 @class BLDragonView .因?yàn)槭褂们罢邥?huì)造成相互引用。 接下來(lái)需要聲明代理變量了，在 BLDragonView.h 中添加一個(gè)屬性：

......
@property(nonatomic, strong)UIImageView *dragonImageView;
@property(nonatomic, weak)id<BLDragonViewDelegate> delegate;
  //  一般代理的變量 ，我們都叫 delegate, 至于為什么前面是 id 是因?yàn)?，id代表任意對(duì)象類型，我們不清楚以后這個(gè)代理最后是誰(shuí)（哪個(gè)類）來(lái)實(shí)現(xiàn)，
  // 有可能是 viewControll ,也有可能其它的類來(lái)實(shí)現(xiàn)。 
  // 當(dāng)然也可以說(shuō)所有的類無(wú)非都是 NSObject , 所以可以寫(xiě)成這樣：
  // @property(nonatomic, weak)NSObject *delegate;     這樣也是可以的。
  // 但是，一般還是按原方法寫(xiě)，顯得更好，并且一般代理的屬性特性都用 weak , 涉及到了循環(huán)引用的問(wèn)題

@end

// 最終上面那行代碼的意思是，使用這個(gè)變量的類成為有能力實(shí)現(xiàn) BLDragonViewDelegate 中聲明的兩個(gè)方法的類。 

然后需要做代理的第三步，當(dāng)某件事情發(fā)生的時(shí)候，調(diào)用這個(gè)代理方法,在BLDragonView.m 中實(shí)現(xiàn)：

- (void)backButtonClicked:(id)sender
{
    CGFloat x = _dragonImageView.frame.origin.x - 10;
    if (x > 0) {
        _dragonImageView.frame = CGRectMake(x, _dragonImageView.frame.origin.y, 100, 100);
    }

    [_delegate backButtonClicked:self];     // 這個(gè)時(shí)候代理這個(gè)變量是空的，需要在后面的過(guò)程中給它賦值（即到底是誰(shuí)來(lái)收衣服）
}

- (void)forwardButtonClicked:(id)sender
{
    CGFloat x = _dragonImageView.frame.origin.x + 10;
    if (x < self.frame.size.width - 100) {
        _dragonImageView.frame = CGRectMake(x, _dragonImageView.frame.origin.y, 100, 100);
    }

    [_delegate forwardButtonClicked:self];
}

這樣代理使用的前三步就完成了。接下來(lái)就是收衣服的方法由誰(shuí)去執(zhí)行呢（老師的代理方法的生活化比喻）？這個(gè)就是代理的后三步。現(xiàn)在假如我們是在 viewController 里面真正的實(shí)現(xiàn)這個(gè)代理，那么第一步是在 viewController.h 的頭文件中聲明實(shí)現(xiàn)代理方法：

#import <UIKit/UIKit.h>
#import <BLDragonViewDelegate.h>

@interface ViewController:UIViewController<BLDragonViewDelegate>    // 這樣就說(shuō)明了 ViewController 這個(gè)類具備了去實(shí)現(xiàn) BLDragonViewDelegate.h 當(dāng)中的兩個(gè)方法（即代理方法）
{
    UILabel        *_dragonStatusLabel;
}

然后在 ViewController.m 實(shí)現(xiàn)文件中實(shí)現(xiàn)代理方法：

- (void)viewDidLoad {
......
    _dragonStatusLabel.textColor = [UIColor whiteColor];
    [self.view addSubview:_dragonStatusLabel];
}

- (void)backButtonClicked:(BLDragonView *)dragonView
{
    CGFloat X = dragonImageView.frame.origin.x;
    CGFloat Y = dragonImageView.frame.origin.y;
    _dragonStatusLabel.text = [NSString stringWithFormat:@"后退，(x,y) = (%f, %f)", X, Y];      
             // _dragonStatusLabel 這個(gè)就相當(dāng)于老師舉的例子中的衣服，它的值將被改變。 
             // 更好的表示，甚至將坐標(biāo)值的改變也表示出來(lái)
}

- (void)forwardButtonClicked:(BLDragonView *)dragonView
{
    CGFloat X = dragonImageView.frame.origin.x;
    CGFloat Y = dragonImageView.frame.origin.y;
    _dragonStatusLabel.text = [NSString stringWithFormat:@"前進(jìn)，(x,y) = (%f, %f)", X, Y]; 
}

- (void)hideButtonClicked:(id)sender
{

}

但是這樣還是不能實(shí)現(xiàn)我們想要的效果的，因?yàn)樵诖淼暮笕街?，我們還沒(méi)有實(shí)現(xiàn)第二步： 設(shè)置代理的值(即到底是誰(shuí)來(lái)執(zhí)行，或者說(shuō)是誰(shuí)來(lái)收衣服呢，是媽媽還是女兒？)。那么指定的步驟應(yīng)該在哪里實(shí)現(xiàn)呢？
??如果是要讓 ViewController 這個(gè)類來(lái)實(shí)現(xiàn)，就在它的 .m 文件中的 - (void)viewDidLoad {} 方法中輸入：

- (void)viewDidLoad {
    [super viewDidLoad];

    BLDragonView *dragonView = [[BLDragonView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, 180)];
    dragonView.delegate = self;     // 這樣就是設(shè)置了代理的值
    [self.view addSubview:dragonView];
......
    _dragonStatusLabel.textColor = [UIColor whiteColor];
    [self.view addSubview:_dragonStatusLabel];
}