IOS开发之自定义Button(集成三种回调模式)

  前面在做东西的时候都用到了storyboard,在今天的代码中就纯手写代码自己用封装个Button。这个Button继承于UIView类,在封装的时候用上啦OC中的三种回调模式:目标动作回调,委托回调,Block回调。具体的内容请参考之前的博客:“Objective-C中的Block回调模式”,“Target-Action回调模式”,“Objective-C中的委托(代理)模式”。在接下来要封装的button中将要用到上面的知识点。之前在做新浪微博中的Cell的时候用到了Block回调来确定是那个Cell上的那个Button。

  在封装Button之前呢,简单的了解一下UIView中的触摸事件:

    1.当触摸开始时会调用下面的事件

      -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

     2.当触摸取消时会调用下面的事件

      -(void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event

       3.当触摸结束时会调用下面的事件

      -(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event

    4.当触摸移动时会调用下面的事件

      -(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

  所以在封装自己的button是我们会用上上面的方法,首先新建一个ViewController, 然后把我们新建的ViewController在AppDelegate.m中设置成我们的根视图,我们关于Button的初始化和配置都写在ViewController中的ViewDidLoad中代码如下:

1    MyViewController *myViewController = [[MyViewController alloc] init];
2    self.window.rootViewController = myViewController;

 

  一、目标动作回调:

    首先新建一个MyButton类,MyButton类继承于UIView, 我们就在MyButton类中自定义我们的button.下面要为自定义Button添加目标动作回调接口,步骤如下:

      1.在MyButton.h中声明目标动作注册方法:

//TargetAction回调
-(void)addTarget:target action:(SEL)action;

 

    2.在MyButton.m中进行实现:

 1 //延展
 2 @interface MyButton()
 3 
 4 @property (nonatomic,weak) id target;
 5 @property (nonatomic, assign) SEL action;
 6 
 7 @end
 8 
 9 
10 //实现
11 @implementation MyButton
12 //目标动作回调
13 -(void)addTarget:(id)target action:(SEL)action
14 {
15     self.target = target;
16     self.action = action;
17 }

  

    3.通过target来执行action方法,触摸完成的事件中让target执行action方法,执行之前要判断一下触摸的释放点是否在按钮的区域内,代码如下:

 1 //当button点击结束时,如果结束点在button区域中执行action方法
 2 -(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
 3 {
 4     //获取触摸对象
 5     UITouch *touche = [touches anyObject];
 6     //获取touche的位置
 7     CGPoint point = [touche locationInView:self];
 8     
 9     //判断点是否在button中
10     if (CGRectContainsPoint(self.bounds, point))
11     {
12         //执行action
13         [self.target performSelector:self.action withObject:self];  
14     }
15 
16 }

 

    4.在MyViewController中进行button的初始化,并注册目标方法回调,当点击button时,我们MyViewController中的tapButton方法就会被执行:

1     //在v2中添加一个button
2     MyButton *button = [[MyButton alloc] initWithFrame:CGRectMake(10, 10, 44, 44)];
3     
4     button.backgroundColor = [UIColor blackColor];
5     
6     //注册回调
7     [button addTarget:self action:@selector(tapButton)];

 

  二、委托回调 

   1.在上面的基础上添加上委托回调,通过委托回调添加按钮是否可用,按钮将要点击和按钮点击后的事件,首先我们得有协议来声明这三个方法。协议我们就不新建文件了,下面的协议是添加在MyButton.h中的,协议定义如下:

 1 //定义MyButton要实现的协议, 用于委托回调
 2 @protocol MyButtonDelegete <NSObject>
 3 
 4 //可选择的实现
 5 @optional
 6 
 7 //当button将要点击时调用
 8 -(void) myButtonWillTap:(MyButton *) sender;
 9 
10 //当button点击后做的事情
11 -(void) myButtonDidTap: (MyButton *) sender;
12 
13 //判断button是否可以被点击
14 -(BOOL) myButtonShouldTap: (MyButton *) sender;
15 
16 @end

 

    2.在MyButton.h中添加delegate属性,为了避免强引用循环,定义为weak类型,用于回调的注册:

//委托回调接口
@property (nonatomic, weak) id <MyButtonDelegete> delegate;

 

    3.在MyButton.m中当开始点击按钮时做一下处理,首先得判断delegate对象是否实现了协议中的方法如果实现了就通过delegate回调,如果没实现就不调用

 2 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
 3 {
 4     
 5     //判断myButtonShouldTap是否在degate中实现啦:委托回调
 6     if ([self.delegate respondsToSelector:@selector(myButtonShouldTap:)])
 7     {
 8         //如果实现了,就获取button的状态
 9         myButtonState = [self.delegate myButtonShouldTap:self];
10 
11     } 
12     
13     //根据按钮的状态来做处理
14     if (myButtonState)
15     {
16         //如果myButtonWillTap被实现啦,此时我们就实现myButtonWillTapf方法
17         if ([self.delegate respondsToSelector:@selector(myButtonWillTap:)])
18         {
19             [self.delegate myButtonWillTap:self];
20         }
21     }
22 }

 

    4.在touchesEnded中相应的位置添加如下代码去执行按钮点击时要回调的方法:

1         //点击结束要调用myButtonDidTap  委托回调
2         if ([self.delegate respondsToSelector:@selector(myButtonDidTap:)])
3         {
4             [self.delegate myButtonDidTap:self];
5         }

 

 

    5、在MyViewController.m中注册委托回调

1     //注册委托回调
2     button.delegate = self;

 

    6、MyViewController要实现MyButtonDelegate,并实现相应的方法

 1 //实现button委托回调的方法myButtonShouldTap:设置button是否好用
 2 -(BOOL) myButtonShouldTap:(MyButton *)sender
 3 {
 4     NSLog(@"我是Delegate:should方法");
 5     return YES;
 6 }
 7 
 8 //实现按钮将要点击的方法
 9 -(void)myButtonWillTap:(MyButton *)sender
10 {
11     NSLog(@"我是Delegate: will方法");
12 }
13 
14 //实现按钮点击完要回调的方法
15 -(void) myButtonDidTap:(MyButton *)sender
16 {
17     NSLog(@"我是Delegate: Did");
18 }

 

  三.Block回调

    1、为我们的按钮添加Block回调(把上面的委托回调改成Block回调),和之前微博中的Cell的Block回调类似,首先在MyButton.h中声明我们要用的Block类型,然后提供Block的set方法:

 

//button中使用Block回调,定义Block类型
@class MyButton;
typedef void (^ButtonWillAndDidBlock) (MyButton *sender);
typedef BOOL (^ButtonShouldBlock) (MyButton *sender);


//接受block的方法
-(void)setButtonShouldBlock: (ButtonShouldBlock) block;
-(void)setButtonWillBlock: (ButtonWillAndDidBlock) block;
-(void)setButtonDidBlock:(ButtonWillAndDidBlock) block;

 

 

    2.在MyButton.m中的延展中添加相应的属性来接受Controller中传过来的Block

1 //接受block块
2 @property (nonatomic, strong) ButtonWillAndDidBlock willBlock;
3 @property (nonatomic, strong) ButtonWillAndDidBlock didBlock;
4 @property (nonatomic, strong) ButtonShouldBlock shouldBlock;

  

    3.实现setter方法

 1 //实现block回调的方法
 2 -(void)setButtonWillBlock:(ButtonWillAndDidBlock)block
 3 {
 4     self.willBlock = block;
 5 }
 6 
 7 -(void)setButtonDidBlock:(ButtonWillAndDidBlock)block
 8 {
 9     self.didBlock = block;
10 }
11 
12 -(void) setButtonShouldBlock:(ButtonShouldBlock)block
13 {
14     self.shouldBlock = block;
15 }

 

    4.在MyButton.m中有委托调用的地方加入相应的Block回调,添加的代码如下:

 1     //block回调
 2     if (self.shouldBlock) {
 3         //block回调获取按钮状态
 4         myButtonState = self.shouldBlock(self);
 5     }
 6 
 7 
 8         //block回调实现willTap
 9         if (self.willBlock)
10         {
11             self.willBlock(self);
12         }
13 
14 
15         //block回调
16         if (self.didBlock) {
17             self.didBlock(self);
18         }

 

   5、在MyViewController中调用Button中的setter方法传入相应的block:

 1     
 2     //实现button的block回调
 3     [button setButtonShouldBlock:^BOOL(MyButton *sender) {
 4         NSLog(@"我是Block: should方法\n\n");
 5         return YES;
 6     }];
 7     
 8     [button setButtonWillBlock:^(MyButton *sender) {
 9         NSLog(@"我是Block: Will方法\n\n");
10     }];
11     
12     [button setButtonDidBlock:^(MyButton *sender) {
13         NSLog(@"我是Blcok: Did方法\n\n");
14     }];
15     
16 
17     [self.view addSubview:button];

 

  经过上面的代码我们的button就拥有三种回调模式了,下面是点击button控制台输出的日志:

 

posted @ 2014-09-12 09:13  青玉伏案  阅读(8936)  评论(1编辑  收藏  举报