最近有点闲，爱上了封装，从此走上了一条不归路。经常性看封装性的东西，也为此买了一本自定义封装控件的书籍，觉得那位大牛写的还不错。
首先上一正版图再好好墨迹墨迹。
QQ效果
实现效果
QQ弹窗.gif
在控制器中直接导入#import "HHQzoneAlert.h" 接着请看调用
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
Pucker2Cell *cell =[tableView dequeueReusableCellWithIdentifier:cellID];
cell.shuoshuo.hidden = YES;
cell.name.text = self.ArrData[indexPath.row];
[cell setdownOnClick:^(Pucker2Cell *cell, UIButton *btn) {
NSArray *arr = @[
@{HHAlertViewLeftImageKey:@"qzone-1",HHAlertViewTitleLabelKey:@"分享",
HHAlertViewCellTypeKey : @(HHQzoneAlertCellTypeShare)},
@{HHAlertViewLeftImageKey:@"qzone-2",HHAlertViewTitleLabelKey:@"收藏"},
@{HHAlertViewLeftImageKey:@"qzone-3",HHAlertViewTitleLabelKey:@"转载照片"},
@{HHAlertViewLeftImageKey:@"qzone-4",HHAlertViewTitleLabelKey:@"隐藏此条动态"},
@{HHAlertViewLeftImageKey:@"qzone-5",HHAlertViewTitleLabelKey:@"不看他的动态"},
];
[[HHQzoneAlert shareQzoneAlert] showAround:btn array:arr];
[[HHQzoneAlert shareQzoneAlert]setlistCellOPerationOnclick:^(NSInteger row) {
NSDictionary *dic = arr[row];
[self showHudAutoHideString:dic[HHAlertViewTitleLabelKey]];
}];
[[HHQzoneAlert shareQzoneAlert] setshareCellOperationOnClick:^(NSInteger index) {
NSString *text;
switch (index) {
case 0:
text = @"QQ分享";
break;
case 1:
text = @"微信分享";
break;
default:
text = @"朋友圈分享";
break;
}
[self showHudAutoHideString:text];
}];
}];
return cell;
}
层次结构图
Snip20161215_7.png
思路分析:
首先先分析标准为1的部分，再逐步求精。
- 新建一个HHQzoneAlertView:UIView，用HHQzoneAlertView来实现弹框内容。
- 然后添加两个属性tableView和listArr.以及两个代理方法；
// 点击分享按钮的响应事件
- (void)shareButtonOnClick:(NSInteger)index alertView:(HHQzoneAlertView *)alertView;
// 点击cell的响应事件
- (void)listCellHandler:(NSInteger)row alertView:(HHQzoneAlertView *)alertView;
3.紧接着实现初始化、懒加载、再实现tableView中的dataSource中的两个必须要实现的方法，以及一个delegate中的didSelectRowAtIndexPath这个方法。一起看看cellForRowAtIndexPath里面做了一些什么事情。。
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
NSDictionary *dict = self.listArr[indexPath.row];
NSNumber *number = dict[HHAlertViewCellTypeKey];
if (number == nil) {
HHQzoneAlertListCell *cell =[tableView dequeueReusableCellWithIdentifier:listCellID];
NSDictionary *dic = self.listArr[indexPath.row];
NSString *imageName = dic[HHAlertViewLeftImageKey];
NSString *titleLabel = dic[HHAlertViewTitleLabelKey];
cell.leftImageView.image =[UIImage imageNamed:imageName];
cell.titleLabel.text = titleLabel;
return cell;
}
switch (number.integerValue) {
case 0:{
HHQzoneAlertListCell *cell =[tableView dequeueReusableCellWithIdentifier:listCellID];
NSDictionary *dic = self.listArr[indexPath.row];
NSString *imageName = dic[HHAlertViewLeftImageKey];
NSString *titleLabel = dic[HHAlertViewTitleLabelKey];
cell.leftImageView.image =[UIImage imageNamed:imageName];
cell.titleLabel.text = titleLabel;
return cell;
}
break;
case 1:{
HHQzoneAlertShareCell *cell = [tableView dequeueReusableCellWithIdentifier:shareCellID];
NSDictionary *dic = self.listArr[indexPath.row];
NSString *imageName = dic[HHAlertViewLeftImageKey];
NSString *titleLabel =dic[HHAlertViewTitleLabelKey];
cell.leftImageView.image =[UIImage imageNamed:imageName];
cell.titleLabel.text = titleLabel;
cell.delegate = self;
return cell;
}
break;
default:
return nil;
break;
}
}
随后一起来看下自定义cell里面的布局情况
1.同时在HHQzoneAlertView这里@interface HHQzoneAlertListCell:UITableViewCell和@interface HHQzoneAlertShareCell:HHQzoneAlertListCell
例如:此时的HHQzoneAlertView结构是这样的，HHQzoneAlertView类加起来也就270行代码。
HHQzoneAlertView层次结构.png
现在开始要大动干戈了！！！！
1.先搭建HHQzoneAlertListCell（即弹出来的那个视图，不包括qq,微信，朋友圈三个按钮)，下面会讲到该怎么处理，先不捉急。先为HHQzoneAlertListCell添加两个属性leftImageView和titleLabel.
其次三步骤
初始化，重新布局，懒加载(简化为初中懒)：
//初始化将leftImageView和titleLabel添加进去
-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier;
- (void)layoutSubviews;
-(UIImageView *)leftImageView;
-(UILabel *)titleLabel;
2.再搭建HHQzoneAlertShareCell。添加一个sharebtnArr的属性用来存储三个按钮。
其次设置一个HHQzoneAlertShareCellDelegate代理方法- (void)clickIndex:(NSInteger)index shareCell:(HHQzoneAlertShareCell *)shareCell用来监听按钮的点击。
再者就是看葫芦画瓢的事情了。初中懒三步骤又开始出来表演了。。
HHQzoneAlertView完事之后，再新建一个HHQzoneAlert:NSObject.提供一个单粒，在.h文件添加接口方便给使用者调用
//单粒
+ (instancetype)shareQzoneAlert;
// 显示在指定的位置 指定的y值
-(void)show:(CGFloat )yy;
// 显示在指定位置 指定的y值 array 字典数组（指定key的字典）
-(void)show:(CGFloat)yy array:(NSArray<NSDictionary *>*)array;
// 根据弹窗的高度自适应弹窗的显示位置，在view的上面还是下面
-(void)showAround:(UIView *)view array:(NSArray<NSDictionary *>*)array;
