首页 > 代码库 > IOS开发之自定义Button(集成三种回调模式)
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 MyButton12 //目标动作回调13 -(void)addTarget:(id)target action:(SEL)action14 {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 //执行action13 [self.target performSelector:self.action withObject:self]; 14 }15 16 }
4.在MyViewController中进行button的初始化，并注册目标方法回调，当点击button时，我们MyViewController中的tapButton方法就会被执行：
1 //在v2中添加一个button2 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 *)sender10 {11 NSLog(@"我是Delegate: will方法");12 }13 14 //实现按钮点击完要回调的方法15 -(void) myButtonDidTap:(MyButton *)sender16 {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)block13 {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控制台输出的日志：
IOS开发之自定义Button(集成三种回调模式)