如何阻止导航栏阴影延伸至相邻视图控制器，实现无缝标题栏？

这个问题我之前做多页面导航时也碰到过——默认的图层阴影是基于整个导航栏的边界绘制的，侧边会有阴影延伸，切换视图控制器时就会暴露分界。好在我们可以通过**自定义阴影路径（shadowPath）**来精确控制阴影的显示范围，完美解决这个问题。

核心解决方案：限制阴影仅显示在导航栏底部 #

直接替换你当前的阴影设置代码，添加shadowPath的配置：

// 保留你原来的阴影基础设置
navigationBar.layer.shadowColor = UIColor.black.cgColor
navigationBar.layer.shadowOpacity = 0.5
navigationBar.layer.shadowOffset = CGSize(width: 0, height: 3)
navigationBar.layer.shadowRadius = 3

// 关键：自定义阴影路径，只让阴影出现在导航栏正下方
let shadowRect = CGRect(
    x: 0,
    y: navigationBar.bounds.height - navigationBar.layer.shadowOffset.height,
    width: navigationBar.bounds.width,
    height: navigationBar.layer.shadowRadius * 2
)
navigationBar.layer.shadowPath = UIBezierPath(rect: shadowRect).cgPath

代码解释 #

我们创建的shadowRect是一个仅覆盖导航栏底部区域的矩形：

• y值：导航栏高度减去阴影偏移量（因为阴影向下偏移3pt，所以从导航栏底部开始绘制阴影）
• width：和导航栏宽度完全一致，确保阴影不会向左右侧边延伸
• height：设为阴影半径的2倍（阴影会向上下各扩散radius的范围，总高度为3*2=6pt），保证底部阴影的完整度

适配导航栏尺寸变化 #

如果你的页面支持屏幕旋转，或者导航栏高度可能变化（比如大标题切换），需要在尺寸更新时重新计算阴影路径。可以在视图控制器的viewWillLayoutSubviews里添加更新逻辑：

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()
    updateNavigationBarShadowPath()
}

private func updateNavigationBarShadowPath() {
    guard let navigationBar = navigationController?.navigationBar else { return }
    
    let shadowRect = CGRect(
        x: 0,
        y: navigationBar.bounds.height - navigationBar.layer.shadowOffset.height,
        width: navigationBar.bounds.width,
        height: navigationBar.layer.shadowRadius * 2
    )
    navigationBar.layer.shadowPath = UIBezierPath(rect: shadowRect).cgPath
}

为什么之前的“向内偏移”方案不行？ #

你尝试的向内偏移阴影，本质是缩小了阴影的整体范围，会同时切掉底部阴影的左右部分，导致阴影不完整。而用shadowPath可以精准控制阴影的显示区域，只保留底部需要的阴影，完全消除侧边的延伸，既实现了导航栏的无缝衔接，又保留了你想要的底部阴影效果。

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