iOS导航栏颜色不一致问题

最新推荐文章于 2026-05-14 05:16:01 发布

原创最新推荐文章于 2026-05-14 05:16:01 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

iOS

当遇到iOS应用中导航栏颜色显示不一致时，可以采用两种方法进行修复。方法一是通过在`viewWillAppear`和`viewWillDisappear`中设置背景图片和阴影图片，但这种方法在导航控制器统一设置颜色时可能导致额外的处理工作。方法二是将`translucent`属性设为NO，去除毛玻璃效果，同时处理导航条底部细线，确保颜色准确显示。在`viewWillDisappear`中恢复`translucent`状态以保持正常导航栏行为。

有时候我们会遇到设置了导航栏的颜色，但是显示的颜色与我们设置的色值有偏差，我们可以通过以下方法解决。
方法1:
```
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
}
- (void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
[self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:nil];
}
```
ps: 在`viewWillAppear`和 ` viewWillDisappear` 这两个方法中设置，是因为在自定义的导航控制器中统一设置了导航栏的颜色，只是处理在单个页面中色值不一致的问题。但这也会出现一个问题，如果在自定义的导航控制器中统一设置了导航栏的背景图片，还需要处理这些单独的页面，如果多的话就会很麻烦。

方法2:
之所以会出现色差的问题，是因为导航栏有个毛玻璃的效果,只要把`translucent`设置为NO就可以了。
```
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
self.navigationController.navigationBar.translucent = NO;
// 去除导航条底部的细线
for(UIView *subview in self.navigationController.navigationBar.subviews){
for (UIView *view in subview.subviews) {
if ([view isKindOfClass:[UIImageView class]] && view.bounds.size.height < 1) {
view.hidden = YES;
self.shadowImageView = view;
}
}
}
}

- (void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
self.navigationController.navigationBar.translucent = YES;
self.shadowImageView.hidden = NO;
}
```