如何使UINavigationBar背景透明？

Question

首先，我已经在How to make UINavigationBar Transparent in IOS 8? 中看到了所有答案。 Transparent UINavigationBar和Make UINavigationBar transparent 。

它们似乎对我不起作用。

我的常规视图控制器（在尝试使导航栏透明之前）没有任何问题：

我正在使用（在viewDidLoad和viewWillAppear:中都尝试过）：

[self.navigationController.navigationBar setBackgroundImage:[UIImage new]
                                              forBarMetrics:UIBarMetricsDefault];
self.navigationController.navigationBar.shadowImage = [UIImage new];
self.navigationController.navigationBar.translucent = YES;
self.navigationController.view.backgroundColor = [UIColor clearColor];

我明白了：

灰色状态栏背景，完全白色的导航栏不与状态栏融合，然后视图开始。 其他问题答案中的所有“解决方案”对我来说都产生了相同的结果。

我也试过设置self.edgesForExtendedLayout = UIRectEdgeNone; 或self.edgesForExtendedLayout = UIRectEdgeAll; 但这也没有任何影响。

我怎样才能让我的导航栏透明而不弄乱一切？

更新：根据 Warif Akhand Rishi 的回答，我更改了self.navigationController.view.backgroundColor = [UIColor clearColor]; self.navigationController.navigationBar.backgroundColor = [UIColor clearColor]; ，现在我得到一个灰色的、统一的状态/导航栏，但仍然不透明：

更新 2：我连接了视图调试器，灰色背景似乎来自视图层次结构的根部，我的视图内容没有向上扩展。 我试过self.edgesForExtendedLayout = UIRectEdgeAll; 再次使用最新代码但仍然无济于事：

Answer 1

swift 4 透明导航栏：（确保视图延伸到导航栏后面以显示出来，否则只会是黑色）

navigationController?.navigationBar.isTranslucent = true
navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
navigationController?.navigationBar.shadowImage = UIImage() //remove pesky 1 pixel line

或者只是将导航栏颜色与当前 vc 的颜色匹配，但保持不透明。 将半透明设置为 false 的子视图将与导航栏对齐而不是在其下方。

navigationController?.navigationBar.isTranslucent = false
navigationController?.navigationBar.barTintColor = UIColor.yourColor
navigationController?.navigationBar.shadowImage = UIImage() //remove pesky 1 pixel line

Answer 2

改变你的

self.navigationController.view.backgroundColor = [UIColor clearColor];

对此

self.navigationController.navigationBar.backgroundColor = [UIColor clearColor];

Answer 3

好吧，经过一番挣扎，我已经自己解决了这个问题。 问题不止一个。 这不是关于延伸的边缘，而是关于线self.navigationController.view.backgroundColor = [UIColor clearColor]; （必须是self.navigationController.navigationBar.backgroundColor = [UIColor clearColor];正如 Warif Akhand Rishi 所建议的）以及我的表视图的剪辑子视图属性。 我已经更改了那条线并关闭了我的表格视图的剪裁，现在它按预期工作了。

Answer 4

对于 iOS 13 和 UINavigationBarAppearance API：

let navAppearance = UINavigationBarAppearance()
navAppearance.configureWithTransparentBackground()
self.navigationItem.standardAppearance = navAppearance

消除 5 行以上的阴影/背景/颜色代码！

Answer 5

我来晚了一点，但我最近需要做同样的事情，我发现下面的方法效果最好（因为它消除了你可能从堆栈中较低的东西中获得的所有阴影和渗透）：

guard let navBar = navigationController?.navigationBar else { return }
navBar.barStyle = .black
navBar.setBackgroundImage(UIImage(), for: .default)
navBar.shadowImage = UIImage()
navBar.isTranslucent = true
navBar.isHidden = false

Answer 6

1.你的NavigationBar是白色的，不是黑色的。所以你必须在NavigationBar下有一个视图（白色视图），它是你的greyView的父视图。透明设置有效，但你看不到它，因为字体颜色是白色也。
2.所以你必须更新你的greyView的约束，所以它可以在导航栏下扩展。然后你可以看到你的白色标题。
3.也许你必须将statusBar的UIStatusBarStyle更改为default或lightcontent，我注意到statusBar的字体颜色也是白色的。

Answer 7

下面的代码对我有用

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.isTranslucent = true
self.navigationController?.view.backgroundColor = .clear
self.navigationController?.navigationBar.backgroundColor = .clear