封装----QQ空间弹框

最近有点闲，爱上了封装，从此走上了一条不归路。经常性看封装性的东西，也为此买了一本自定义封装控件的书籍，觉得那位大牛写的还不错。

首先上一正版图再好好墨迹墨迹。

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的部分，再逐步求精。

1. 新建一个HHQzoneAlertView:UIView，用HHQzoneAlertView来实现弹框内容。
2. 然后添加两个属性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;

剧终。