iOS开发之弹窗管理

1 篇文章 0 订阅

前言

“千淘万漉虽辛苦,吹尽狂沙始到金。”在这快速变化的互联网行业,身边的朋友有的选择了勇敢创业,有的则在技术的海洋中默默耕耘。时常在深夜反思,作为一个开发者,我们的价值何在?答案或许就在那行代码中,润物细无声。以下是我在日常开发中封装的一个弹窗管理工具——CLPopoverManager,希望能为大家提供一些灵感和帮助。

概述

在移动应用开发中,弹窗作为一种重要的用户交互方式,使用频率非常高。无论是提示信息、广告展示,还是操作确认,弹窗都扮演着重要角色。然而,如果弹窗的显示逻辑缺乏合理控制,可能会出现弹窗重叠、顺序混乱等问题,极大影响用户体验。因此,我开发了CLPopoverManager,旨在为弹窗显示提供一个统一、可控的管理方案。

功能

  • 支持排队插队替换唯一模式
  • 支持优先级设置
  • 支持去重标记
  • 支持手势穿透
  • 支持手势穿透时自动隐藏
  • 支持自动旋转
  • 支持隐藏状态栏
  • 支持状态栏样式
  • 支持设置界面方向
  • 支持夜间模式

原理

弹窗采用伪单例模式管理UIWindow,内部采用自定义队列控制显示顺序,对外使用UIViewController

使用

自定义UIViewController继承CLPopoverController并且遵守CLPopoverProtocol协议即可,内部你可以自行实现弹窗相关动画和UI。

示例代码

 class CustomPopoverController: CLPopoverController, CLPopoverProtocol {
     // 实现弹窗相关逻辑
     override func viewDidLoad() {
         super.viewDidLoad()
         setupUI()
     }
 ​
     private func setupUI() {
         // 配置弹窗UI
     }
     
     func showAnimation(completion: (() -> Void)? = nil) {
         // 显示动画
     }
     
     func dismissAnimation(completion: (() -> Void)? = nil) {
         // 隐藏动画
     }
 }
 ​
 /// 弹出
 let popover = CustomPopoverController()
 popover.config.popoverMode = .queue
 let key = CLPopoverManager.show(popover: popover)
 ​
 /// 隐藏单个弹窗
 CLPopoverManager.dismiss(key)
 /// 隐藏所有弹窗
 CLPopoverManager.dismissAll()

模式和优先级

模式

  1. 排队模式:如果当前没有弹窗显示,则立即显示;如果有弹窗正在显示,会进入到等待队列,后续按照优先级显示。
  2. 插队模式:无视当前显示的弹窗,立即显示,会多个弹窗重叠。
  3. 替换模式:替换当前显示的弹窗,立即显示,会隐藏之前的所有弹窗。
  4. 唯一模式:替换当前显示的弹窗,独占显示,会隐藏之前的所有弹窗并且阻止后续所有弹窗。

优先级

弹窗可以设置优先级,高优先级的弹窗将优先显示。只对进入到等待队列中的弹窗生效,前面弹窗消失后,会在等待队列中查找优先级高的弹窗优先显示。

常见问题解答(QA)

为什么使用 UIViewController 而不是 UIView

UIViewController 相比 UIView 能够提供生命周期相关方法,管理起来更加方便。

为什么使用 UIWindow

UIWindow 可以不入侵项目 UI,保障不扰乱当前项目的同时,可以实现横竖屏切换、状态栏样式等。

为什么是伪单例模式?

弹窗管理在所有弹窗都销毁后,会自动销毁管理者的单例。

为什么有优先级的情况还需要这么多模式?

需求多种多样,为保障灵活性的同时,还能够保障弹窗的顺序。

结语

通过封装 CLPopoverManager,我们能够更好地管理 iOS 应用中的弹窗显示逻辑,提升用户体验,保障应用的稳定性。希望这个工具能够帮助到大家,同时也欢迎各位提出宝贵的意见和建议。

开发是一种艺术,不仅需要技术的积累,更需要灵感和创造力。愿我们在追逐技术之巅的路上,能够彼此激励,共同成长。愿所有的开发者都能在自己的代码世界中找到那一片属于自己的净土。

PS:心中感慨良多,奈何腹中无墨,一个字总结——懒。顺便附上github,有兴趣的可以去看看。

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好,您的问题不太清晰,请问您是想实现iOS应用程序中首次打开时弹出网络连接提示框吗?如果是的话,可以参考以下步骤: 1. 在您的应用程序中添加一个网络检测功能,判断当前设备是否联网。可以使用Reachability库实现。 2. 在应用程序的AppDelegate文件中添加以下代码,在应用程序启动时检测网络状态,并根据需要显示提示框: ```swift func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { // 检测网络状态 let reachability = Reachability.forInternetConnection() let status = reachability?.currentReachabilityStatus() // 如果网络不可用,弹出提示框 if status == NotReachable { let alertController = UIAlertController(title: "网络连接错误", message: "请检查您的网络连接", preferredStyle: .alert) let okAction = UIAlertAction(title: "确定", style: .default, handler: nil) alertController.addAction(okAction) self.window?.rootViewController?.present(alertController, animated: true, completion: nil) } return true } ``` 3. 为了避免每次启动应用程序都弹出提示框,您可以使用UserDefaults来保存用户是否已经看过提示框的状态。只有在用户第一次启动应用程序时才弹出提示框。 ```swift func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { // 检测网络状态 let reachability = Reachability.forInternetConnection() let status = reachability?.currentReachabilityStatus() // 如果网络不可用,弹出提示框 if status == NotReachable { let userDefaults = UserDefaults.standard let hasShownAlert = userDefaults.bool(forKey: "HasShownNetworkAlert") if !hasShownAlert { let alertController = UIAlertController(title: "网络连接错误", message: "请检查您的网络连接", preferredStyle: .alert) let okAction = UIAlertAction(title: "确定", style: .default, handler: nil) alertController.addAction(okAction) self.window?.rootViewController?.present(alertController, animated: true, completion: nil) userDefaults.set(true, forKey: "HasShownNetworkAlert") userDefaults.synchronize() } } return true } ``` 希望这些步骤能够对您有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值