如何为UINavigationBar返回按钮添加阴影？解决地图页按钮可见性问题

我完全懂你的困扰——半透明白色导航栏遇上地图页面时，白色返回按钮很容易和地图背景“融”在一起，用户很难快速识别。你已经找对了方向：用带阴影的返回按钮图针对性替换，接下来我给你梳理一套完整的实现逻辑，确保「进入地图VC时切换、离开时自动恢复」的效果完美落地：

1. 提前准备两类返回按钮资源 #

先确认你已备好两张图片资源：

• 普通白色返回按钮图：比如命名为back_normal
• 带阴影的高亮返回按钮图：比如命名为back_shadow

2. 在地图VC中触发按钮替换 #

在你的地图ViewController的viewWillAppear(_:)方法里，替换导航栏的返回指示器（注意要同时设置backIndicatorImage和backIndicatorTransitionMaskImage，否则可能出现显示异常）：

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    
    // 替换为带阴影的返回按钮图片
    let shadowBackImage = UIImage(named: "back_shadow")
    navigationController?.navigationBar.backIndicatorImage = shadowBackImage
    navigationController?.navigationBar.backIndicatorTransitionMaskImage = shadowBackImage
    
    // 可选操作：隐藏默认的"Back"文字，让按钮更简洁
    navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
}

3. 利用导航栏代理恢复默认按钮 #

你提到的导航栏代理方法是最优解，我们可以在navigationController(_:willShow:animated:)中判断当前显示的VC是否为地图VC，若不是则立即恢复默认按钮：

首先让地图VC遵守UINavigationControllerDelegate协议：

class MapViewController: UIViewController, UINavigationControllerDelegate {
    // ... 其他业务代码
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 设置导航栏代理为当前VC
        navigationController?.delegate = self
    }
    
    // 实现导航栏代理方法，处理按钮恢复逻辑
    func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        // 当即将显示的VC不是当前地图VC时，恢复默认返回按钮
        if viewController != self {
            let normalBackImage = UIImage(named: "back_normal")
            navigationController.navigationBar.backIndicatorImage = normalBackImage
            navigationController.navigationBar.backIndicatorTransitionMaskImage = normalBackImage
        }
    }
}

额外提醒 #

• 如果你的项目是全局统一设置了导航栏tintColor，恢复图片时无需额外调整颜色，直接替换图片资源即可
• 测试时要覆盖push进入、pop离开两种场景，确保按钮切换逻辑稳定
• 若后续有多个VC需要自定义返回按钮，建议把切换逻辑封装成工具类，减少重复代码

这样就能完美解决你的问题啦，既保证地图页面返回按钮的辨识度，又不会干扰其他页面的正常显示。

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