iOS中NavigationView阴影被同级子视图遮挡的问题求助

首先，问题的核心在于视图层级的z轴顺序和阴影的渲染机制——NavigationView的阴影是其layer的一部分，而你的ContainerView（以及它的子视图）在层级上位于NavigationView之上，所以当滚动内容到NavigationView阴影区域时，会直接挡住阴影。下面是几个可行的解决方案，按推荐程度排序：

1. 调整视图层级，让NavigationView处于最上层 #

这是最直接的修复方式。在你的ViewController中，确保NavigationView是最后被添加到父视图的，或者显式将它移到所有子视图的最前方：

Objective-C 代码：

// 在viewDidLoad或布局完成后调用
[self.view bringSubviewToFront:self.navigationView];

Swift 代码：

// 在viewDidLoad或布局完成后调用
view.bringSubviewToFront(navigationView)

这样一来，NavigationView（包括它的阴影）会在ContainerView和TabBar的上方，滚动的Item视图就不会遮挡阴影了。

2. 提升NavigationView图层的zPosition #

如果调整视图层级有冲突（比如NavigationView需要和其他视图有布局依赖），可以直接修改它的layer层级，让NavigationView的图层（含阴影）优先级更高：

Objective-C 代码：

self.navigationView.layer.zPosition = 100; // 设置一个比ContainerView更高的值
self.containerView.layer.zPosition = 50;

Swift 代码：

navigationView.layer.zPosition = 100
containerView.layer.zPosition = 50

3. 单独创建阴影层，脱离NavigationView #

如果前两种方法都无效，可以把阴影单独做成一个独立的图层，添加到ViewController的根视图layer上，这样阴影绝对不会被任何子视图遮挡：

Objective-C 代码：

// 在viewDidLoad中创建阴影层
CAShapeLayer *navShadowLayer = [CAShapeLayer layer];
// 阴影的位置对应NavigationView的底部，宽度和屏幕一致，高度设为阴影的扩散范围
CGRect shadowFrame = CGRectMake(0, self.navigationView.frame.origin.y + self.navigationView.frame.size.height, self.view.bounds.size.width, 8);
navShadowLayer.path = [UIBezierPath bezierPathWithRect:shadowFrame].CGPath;
navShadowLayer.shadowColor = [UIColor darkGrayColor].CGColor;
navShadowLayer.shadowOpacity = 0.3;
navShadowLayer.shadowOffset = CGSizeMake(0, 2);
navShadowLayer.shadowRadius = 4;
[self.view.layer addSublayer:navShadowLayer];

// 如果NavigationView的位置可能变化（比如横竖屏切换），记得在viewWillLayoutSubviews中更新阴影位置
- (void)viewWillLayoutSubviews {
    [super viewWillLayoutSubviews];
    CGRect shadowFrame = CGRectMake(0, self.navigationView.frame.origin.y + self.navigationView.frame.size.height, self.view.bounds.size.width, 8);
    navShadowLayer.path = [UIBezierPath bezierPathWithRect:shadowFrame].CGPath;
}

Swift 代码：

// 在viewDidLoad中创建阴影层
let navShadowLayer = CAShapeLayer()
var shadowFrame = CGRect(x: 0, y: navigationView.frame.origin.y + navigationView.frame.size.height, width: view.bounds.width, height: 8)
navShadowLayer.path = UIBezierPath(rect: shadowFrame).cgPath
navShadowLayer.shadowColor = UIColor.darkGray.cgColor
navShadowLayer.shadowOpacity = 0.3
navShadowLayer.shadowOffset = CGSize(width: 0, height: 2)
navShadowLayer.shadowRadius = 4
view.layer.addSublayer(navShadowLayer)

// 布局更新时
override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()
    let shadowFrame = CGRect(x: 0, y: navigationView.frame.origin.y + navigationView.frame.size.height, width: view.bounds.width, height: 8)
    navShadowLayer.path = UIBezierPath(rect: shadowFrame).cgPath
}

这种方法的好处是完全不受其他视图层级的影响，缺点是需要手动维护阴影的位置，但对于固定布局的导航栏来说成本很低。

额外注意事项 #

• 确保NavigationView的clipsToBounds属性是NO，否则它的阴影会被自身裁剪掉（你应该已经设置了，因为阴影能部分显示）。
• 不要给ContainerView设置clipsToBounds = YES，否则子视图滚动到边界外会被裁剪，引发新的显示问题。

我之前遇到过几乎一模一样的场景，调整视图层级是最快解决的方式，你可以先试试第一种方法，应该就能解决问题了。

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