转载

iOS | 对封装自定义弹窗的一点思考

背景

由于项目原因，经常需要封装自定义弹窗。

最开始我封装自定义弹窗的思路是在[UIApplication sharedApplication].keyWindow上add一个自定义view，后来被keyWindow坑过一次后，改为在[[[UIApplication sharedApplication] delegate] window]上add自定义view。

按照这种套路，一路走来封装了不少弹窗，未曾觉得有何不妥，直到有一天：

iOS | 对封装自定义弹窗的一点思考

这是一个弹窗

如图所示，这个弹窗里共有三个模块（列表），分别对应三个接口。

平心而论，没有什么弹窗是在[[[UIApplication sharedApplication] delegate] window]上add自定义view解决不了的，但这里我并未立即动手——

因为它跟我之前封装的弹窗有点不同。

在这之前，我遇到的弹窗都是比较“死”的，类似于UIAlertView，一个标题，一段描述，以及一两个button。

我的思考

如果还是按照以前的思路，将弹窗看做一个自定义view的话，那么需要考虑的就是数据请求那一块：

方案一：

我可以在Controller里将三个接口请求完，然后将数据整合成一个model赋值给弹窗。这种思路其实挺OK，挺MVC的，但我就是觉得在Controller里写一大段代码就为了show一个弹窗真的很别扭。

方案二：

简单点，把请求数据的代码直接放到弹窗view里，简单易读，通熟易懂，何乐而不为？再者这个数据本来就属于弹窗，弹窗做它自己该做的事也没毛病啊！可是，强迫症患者表示真的不能接受在view里请求数据！

换个角度看问题

这时我想到了UIAlertController，UIAlertController继承自UIViewController，它既是Controller，也是弹窗。

如果说之前的弹窗都是模仿UIAlertView的话，那么今天不妨来模仿一下UIAlertController。

把这个涉及数据请求的弹窗看做一个Controller的话，瞬间就不纠结了：数据请求什么的直接放弹窗Controller就好了。

最终效果

基于上面的思路，我封装了一个继承自UIViewController的弹窗，demo效果如下：

iOS | 对封装自定义弹窗的一点思考

demo.gif

从点击筛选按钮到用户完成筛选最后刷新页面，整个过程所对应的代码为：

#pragma mark - 筛选按钮点击
- (void)filterButtonClicked {
    // 弹窗
    CQFilterAlertController *alertController = [CQFilterAlertController
                                                alertWithRegionID:_currentRegionID
                                                departmentID:_currentDepartmentID
                                                houseID:_currentHouseID
                                                filtrateCompletion:^(CQRegionModel *selectedRegionModel, CQDepartmentModel *selectedDepartmentModel, CQHouseModel *selectedHouseModel)
    {
        // 筛选完成的回调
        _currentRegionID     = selectedRegionModel.region_id;
        _currentDepartmentID = selectedDepartmentModel.department_id;
        _currentHouseID      = selectedHouseModel.house_id;
        self.regionLabel.text     = selectedRegionModel.region_name;
        self.departmentLabel.text = selectedDepartmentModel.department_name;
        self.houseLabel.text      = selectedHouseModel.house_name;
    }];
    // 弹窗show出来
    [self presentViewController:alertController animated:NO completion:nil];
}

仿照UIAlertController，两行代码，简洁明了，以present一个模态controller的形式弹出弹窗。

涉及到的一些知识点

1.如何弹出半透明模态Controller？

指定弹窗的modalPresentationStyle 为UIModalPresentationOverFullScreen即可，当然这需要在初始化的时候指定：

#pragma mark - 构造方法
+ (instancetype)alertWithRegionID:(NSString *)regionID departmentID:(NSString *)departmentID houseID:(NSString *)houseID filtrateCompletion:(FiltrateCompletion)filtrateCompletion {
    CQFilterAlertController *alertController = [[CQFilterAlertController alloc] init];
    alertController.regionID = regionID;
    alertController.departmentID = departmentID;
    alertController.houseID = houseID;
    alertController.filtrateCompletion = filtrateCompletion;
    // 模态
    alertController.modalPresentationStyle = UIModalPresentationOverFullScreen;
    return alertController;
}

2.如何确定多个接口的数据都已请求完毕？

可以使用GCD中的信号量：

#pragma mark - 加载数据
- (void)loadDataSuccess:(void (^)(void))success failure:(void (^)(NSString *errorMessage))failure {
    // 3个接口，全部请求成功后刷新tableView
    NSInteger totalCount = 3;
    __block NSInteger requestCount = 0;
    
    dispatch_semaphore_t sem = dispatch_semaphore_create(0);
    
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        // 获取大区列表
        [CQFilterRequest loadRegionArraySuccess:^(NSArray *regionArray) {
            if (++requestCount == totalCount) {
                dispatch_semaphore_signal(sem);
            }
            
            for (NSDictionary *dict in regionArray) {
                NSError *error = nil;
                CQRegionModel *model = [[CQRegionModel alloc] initWithDictionary:dict error:&error];
                if ([model.region_id isEqualToString:self.regionID]) {
                    model.selected = YES;
                    self.selectedRegionModel = model;
                } else {
                    model.selected = NO;
                }
                [self.regionArray addObject:model];
            }
        } failure:^(NSString *errorMessage) {
            !failure ?: failure(errorMessage);
        }];
        
        // 获取部门列表
        [CQFilterRequest loadDepartmentArraySuccess:^(NSArray *departmentArray) {
            if (++requestCount == totalCount) {
                dispatch_semaphore_signal(sem);
            }
            
            for (NSDictionary *dict in departmentArray) {
                NSError *error = nil;
                CQDepartmentModel *model = [[CQDepartmentModel alloc] initWithDictionary:dict error:&error];
                if ([model.department_id isEqualToString:self.departmentID]) {
                    model.selected = YES;
                    self.selectedDepartmentModel = model;
                } else {
                    model.selected = NO;
                }
                [self.departmentArray addObject:model];
            }
        } failure:^(NSString *errorMessage) {
            !failure ?: failure(errorMessage);
        }];
        
        // 获取门店列表
        [CQFilterRequest loadHouseArraySuccess:^(NSArray *houseArray) {
            if (++requestCount == totalCount) {
                dispatch_semaphore_signal(sem);
            }
            
            for (NSDictionary *dict in houseArray) {
                NSError *error = nil;
                CQHouseModel *model = [[CQHouseModel alloc] initWithDictionary:dict error:&error];
                if ([model.house_id isEqualToString:self.houseID]) {
                    model.selected = YES;
                    self.selectedHouseModel = model;
                } else {
                    model.selected = NO;
                }
                [self.houseArray addObject:model];
            }
        } failure:^(NSString *errorMessage) {
            !failure ?: failure(errorMessage);
        }];
        
        dispatch_semaphore_wait(sem, DISPATCH_TIME_FOREVER);
        dispatch_async(dispatch_get_main_queue(), ^{
            success();
        });
    });
}

3.回调方式block&delegate的选择

block可以做到的，delegate都可以做到。

这里使用block的原因一是简洁，二是直白。

试想一下，如果这里使用的是delegate会怎样？

假如另一个开发者来读我的代码，他想找到弹出弹窗相关代码，肯定是先找buttonClicked那个方法，结果发现里面还有一个alertController.delegate，没办法只得跳到alertController的代理方法中继续阅读。明明一个方法就可以搞定的偏偏弄成多个方法，不可不谓之蛋疼。

有时候，当你拿不准block和delegate选哪一个更好的时候，不妨假象一下：如果我采用xx，会怎样。

网上有什么说block强调结果，delegate强调过程，还有什么一个对象对应多个事件时用delegate等等。这些，都只能当做参考，也仅仅是参考。

一定要有自己的思考，包括你读我这篇文章的时候，也要有自己的思考。

总结：

封装自定义弹窗，一般来说有两种选择：