iOS实现多个弹框按顺序依次弹出效果

Z时代
2024-01-10
分类：综合

有时候会有这样的需求：App 运行完，加载 RootVC ，此时需要做一些操作，比如检查更新，之类的。此时可能会需要有2个甚至多个弹框依次弹出。

本篇将以系统的 UIAlertController 作为示例，当然，如果是自定义的，也要看一下这篇文章，如何来处理多个弹窗。

首先，如果就按照如下的默认写法：


- (void)viewDidAppear:(BOOL)animated {
 [super viewDidAppear:animated];
 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"弹框1" message:@"第一个弹框" preferredStyle:UIAlertControllerStyleAlert];
 [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil]];
 [self presentViewController:alert animated:YES completion:nil];
 UIAlertController *alert2 = [UIAlertController alertControllerWithTitle:@"弹框2" message:@"第二个弹框" preferredStyle:UIAlertControllerStyleAlert];
 [alert2 addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil]];
 [self presentViewController:alert2 animated:YES completion:nil];
}

会有什么问题呢？注意控制台，肯定会输出

Warning: Attempt to present <UIAlertController: 0x7ff4c3078c00> on <SCTestViewController: 0x7ff4c2718c20> which is already presenting <UIAlertController: 0x7ff4c283ae00>

所以说，第二个弹框应该是看不到的。

另一种情况，如果是自定义的 Alert ，你把它 add 为 window 的子视图，这么做第二个弹框会盖在第一个上面。如果你用了毛玻璃背景，效果会更加明显。肯定不合适了。

所以，正确的解决办法就是类似加锁的过程，当点击了第一个弹框的某个按钮之后，再弹出第二个弹框，以此类瑞。

这里，我想到用信号量去解决，但是信号量会阻塞线程，不可以直接在主线程使用。所以我们需要在子线程控制信号量，在主线程创建和显示 Alert，直接上代码。


- (void)viewDidAppear:(BOOL)animated {
 [super viewDidAppear:animated];
 //创建一个队列，串行并行都可以，主要为了操作信号量
 dispatch_queue_t queue = dispatch_queue_create("com.se7en.alert", DISPATCH_QUEUE_SERIAL);
 dispatch_async(queue, ^{
 //创建一个初始为0的信号量
 dispatch_semaphore_t sema = dispatch_semaphore_create(0);
 //第一个弹框，UI的创建和显示，要在主线程
 dispatch_async(dispatch_get_main_queue(), ^{
 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"弹框1" message:@"第一个弹框" preferredStyle:UIAlertControllerStyleAlert];
 [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
 //点击Alert上的按钮，我们发送一次信号。
 dispatch_semaphore_signal(sema);
 }]];
 [self presentViewController:alert animated:YES completion:nil];
 });
 //等待信号触发，注意，这里是在我们创建的队列中等待
 dispatch_semaphore_wait(sema, DISPATCH_TIME_FOREVER);
 //上面的等待到信号触发之后，再创建第二个Alert
 dispatch_async(dispatch_get_main_queue(), ^{
 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"弹框2" message:@"第二个弹框" preferredStyle:UIAlertControllerStyleAlert];
 [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
 dispatch_semaphore_signal(sema);
 }]];
 [self presentViewController:alert animated:YES completion:nil];
 });
 //同理，创建第三个Alert
 dispatch_semaphore_wait(sema, DISPATCH_TIME_FOREVER);
 dispatch_async(dispatch_get_main_queue(), ^{
 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"弹框3" message:@"第三个弹框" preferredStyle:UIAlertControllerStyleAlert];
 [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
 dispatch_semaphore_signal(sema);
 }]];
 [self presentViewController:alert animated:YES completion:nil];
 });
 });
}