考虑导航栏的屏幕中心获取与UIActivityIndicator全局居中适配问题

嘿，我完全懂你现在的困扰——想把UIActivityIndicator做成可复用的组件，还得让它在不同视图上都精准居中，结果有的视图在导航栏底下，有的没有，指示器位置就跑偏了，尤其是没导航栏的视图里，居然比屏幕中心还低，对吧？

问题根源大概率出在你之前的实现里，可能手动计算了导航栏高度的偏移，或者用frame硬写了位置，没考虑到不同视图的布局边界差异。要解决这个问题，最稳妥的方式是用AutoLayout代替手动计算frame，让系统自动帮我们适配不同场景的居中需求。

我给你调整了UIView的扩展实现，既能复用指示器，又能保证在任何视图上都精准居中：

import UIKit

extension UIView {
    // 用关联对象存储指示器和遮罩层，避免重复创建
    private struct AssociatedKeys {
        static var activityIndicator = "activityIndicator"
        static var overlayView = "overlayView"
    }
    
    private var activityIndicator: UIActivityIndicatorView? {
        get { objc_getAssociatedObject(self, &AssociatedKeys.activityIndicator) as? UIActivityIndicatorView }
        set { objc_setAssociatedObject(self, &AssociatedKeys.activityIndicator, newValue, .OBJC_ASSOCIATION_RETAIN_NONATOMIC) }
    }
    
    private var overlayView: UIView? {
        get { objc_getAssociatedObject(self, &AssociatedKeys.overlayView) as? UIView }
        set { objc_setAssociatedObject(self, &AssociatedKeys.overlayView, newValue, .OBJC_ASSOCIATION_RETAIN_NONATOMIC) }
    }
    
    func showLoadingIndicator(useSafeArea: Bool = true) {
        // 先移除已有组件，避免重复添加
        hideLoadingIndicator()
        
        // 创建半透明遮罩层
        let overlay = UIView()
        overlay.backgroundColor = UIColor.black.withAlphaComponent(0.5)
        overlay.translatesAutoresizingMaskIntoConstraints = false
        addSubview(overlay)
        
        // 创建指示器并启动动画
        let indicator = UIActivityIndicatorView(style: .large)
        indicator.color = .white
        indicator.translatesAutoresizingMaskIntoConstraints = false
        indicator.startAnimating()
        overlay.addSubview(indicator)
        
        // 约束遮罩层：根据需求选择是否贴合safeArea
        let layoutGuide = useSafeArea ? self.safeAreaLayoutGuide : self
        NSLayoutConstraint.activate([
            overlay.topAnchor.constraint(equalTo: layoutGuide.topAnchor),
            overlay.leadingAnchor.constraint(equalTo: layoutGuide.leadingAnchor),
            overlay.trailingAnchor.constraint(equalTo: layoutGuide.trailingAnchor),
            overlay.bottomAnchor.constraint(equalTo: layoutGuide.bottomAnchor)
        ])
        
        // 把指示器约束到遮罩层的中心（也就是当前视图的可视中心）
        NSLayoutConstraint.activate([
            indicator.centerXAnchor.constraint(equalTo: overlay.centerXAnchor),
            indicator.centerYAnchor.constraint(equalTo: overlay.centerYAnchor)
        ])
        
        // 保存关联对象
        self.overlayView = overlay
        self.activityIndicator = indicator
    }
    
    func hideLoadingIndicator() {
        activityIndicator?.stopAnimating()
        activityIndicator?.removeFromSuperview()
        activityIndicator = nil
        
        overlayView?.removeFromSuperview()
        overlayView = nil
    }
}

关键优化点说明： #

1. AutoLayout自动适配：不管你的视图是否在导航栏下方，只要把指示器约束到父视图（或safeArea）的中心，系统会自动计算正确的位置，完全不用手动算导航栏高度。
2. 可选的SafeArea适配：我加了useSafeArea参数，默认是true，这会让遮罩层和指示器只在用户能交互的可视区域（避开导航栏、tabBar）居中；如果需要覆盖整个屏幕（包括导航栏下方），调用时传useSafeArea: false就行。
3. 关联对象存储：避免了每次显示都创建新组件，同时保证每个视图实例的指示器独立，不会互相干扰。

现在你只需要在需要的视图上调用view.showLoadingIndicator()，不管这个视图有没有导航栏，指示器都会精准居中啦～

内容的提问来源于stack exchange，提问作者Joshua Hart