iOS开发：如何在无网络时给所有UIViewController顶部加提示视图

嘿，你的思路方向是对的，但现有代码里几个关键问题导致没达到预期效果：每次网络状态变化都新建视图、视图层级放错被其他控件盖住、用固定frame适配性差，还有显示隐藏的逻辑搞反了。下面是调整后的完整方案，应该能完美实现你要的效果：

核心优化点 #

• 给每个VC绑定一个唯一的提示视图（用关联对象），避免重复创建和内存浪费
• 用AutoLayout替代固定frame，适配所有屏幕尺寸和横竖屏切换
• 把提示视图添加到VC视图的最顶层，确保不会被其他控件遮挡
• 修正显示逻辑：无网络时显示，有网络时隐藏
• 视图出现时主动检查当前网络状态，保证初始状态正确

完整代码实现 #

import UIKit
import Reachability

// 用关联对象的key来存储每个VC的提示视图
private var noNetworkHeaderKey: UInt8 = 0

extension UIViewController: NetworkStatusListener {
    // 懒加载提示视图，每个VC只会创建一次
    private var noNetworkHeaderView: UIView {
        if let existingView = objc_getAssociatedObject(self, &noNetworkHeaderKey) as? UIView {
            return existingView
        }
        
        let headerView = UIView()
        headerView.backgroundColor = .red
        
        let statusLabel = UILabel()
        statusLabel.text = "No Internet Connection!"
        statusLabel.font = UIFont(name: "Cairo", size: 14)
        statusLabel.textAlignment = .center
        statusLabel.textColor = .white // 加白色文字更醒目
        
        // 给标签加AutoLayout约束
        headerView.addSubview(statusLabel)
        statusLabel.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            statusLabel.topAnchor.constraint(equalTo: headerView.topAnchor),
            statusLabel.bottomAnchor.constraint(equalTo: headerView.bottomAnchor),
            statusLabel.leadingAnchor.constraint(equalTo: headerView.leadingAnchor),
            statusLabel.trailingAnchor.constraint(equalTo: headerView.trailingAnchor)
        ])
        
        // 把视图绑定到当前VC实例
        objc_setAssociatedObject(self, &noNetworkHeaderKey, headerView, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        return headerView
    }
    
    public func networkStatusDidChange(status: Reachability.NetworkStatus) {
        switch status {
        case .notReachable:
            debugPrint("ViewController: Network went down")
            showNoNetworkHeader()
        case .reachableViaWiFi, .reachableViaWWAN:
            debugPrint("ViewController: Network is back up")
            hideNoNetworkHeader()
        }
    }
    
    // 显示提示视图的方法
    private func showNoNetworkHeader() {
        // 如果视图已经在父视图里，直接显示就行
        guard noNetworkHeaderView.superview == nil else {
            noNetworkHeaderView.isHidden = false
            return
        }
        
        // 添加到VC视图的最顶层
        view.addSubview(noNetworkHeaderView)
        noNetworkHeaderView.translatesAutoresizingMaskIntoConstraints = false
        
        // 约束：顶部对齐安全区，左右铺满，高度30
        NSLayoutConstraint.activate([
            noNetworkHeaderView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
            noNetworkHeaderView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            noNetworkHeaderView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            noNetworkHeaderView.heightAnchor.constraint(equalToConstant: 30)
        ])
        
        // 加个淡入动画，体验更流畅
        noNetworkHeaderView.alpha = 0
        UIView.animate(withDuration: 0.3) {
            self.noNetworkHeaderView.alpha = 1
        }
    }
    
    // 隐藏提示视图的方法
    private func hideNoNetworkHeader() {
        guard noNetworkHeaderView.superview != nil else { return }
        
        // 淡出后隐藏（也可以选择移除，保留的话下次显示更快）
        UIView.animate(withDuration: 0.3, animations: {
            self.noNetworkHeaderView.alpha = 0
        }) { _ in
            self.noNetworkHeaderView.isHidden = true
            // 如果不需要保留视图，可以取消下面注释移除它
            // self.noNetworkHeaderView.removeFromSuperview()
        }
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        ReachabilityManager.shared.addListener(listener: self)
        
        // 视图刚出现时，主动检查当前网络状态，初始化显示
        let currentStatus = ReachabilityManager.shared.reachability?.connection ?? .unavailable
        if currentStatus == .unavailable {
            showNoNetworkHeader()
        } else {
            hideNoNetworkHeader()
        }
    }
    
    override func viewDidDisappear(_ animated: Bool) {
        super.viewDidDisappear(animated)
        ReachabilityManager.shared.removeListener(listener: self)
        // 视图消失时移除提示视图，避免在其他VC中残留
        noNetworkHeaderView.removeFromSuperview()
    }
}

关键细节说明 #

1. 关联对象的作用：每个VC实例只会创建一次提示视图，不会因为网络多次变化而重复创建，避免内存泄漏和重复添加视图的问题。
2. AutoLayout适配：用约束替代frame，保证在iPhone、iPad不同尺寸，以及横竖屏切换时，提示条都能正确铺满顶部，不会错位。
3. 视图层级：view.addSubview()默认把视图加到所有子视图的最上层，这样就不会被导航栏、tableView等控件盖住了。
4. 动画效果：淡入淡出的动画让提示的出现和消失更自然，符合主流App的用户体验。
5. 初始状态检查：在viewWillAppear时主动检查网络状态，确保VC刚打开时就显示正确的提示，而不是等网络状态变化才触发。

这样修改后，就能实现和Facebook Messenger一样的无网络提示效果：每个VC顶部都会显示红色提示条，不会和其他视图重叠，网络恢复后自动隐藏。

内容的提问来源于stack exchange，提问作者Jasica Peter