将UINavigationBar设置为全透明的两种方法

最新推荐文章于 2025-06-29 22:04:13 发布

原创最新推荐文章于 2025-06-29 22:04:13 发布 · 7.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#NavigationBar #iOS #UI

UI 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了在iOS开发中实现UINavigationBar全透明的两种策略，涉及到隐藏默认背景和控制ViewHierarchy来消除半透明效果。同时，讨论了动态改变NavigationBar颜色的思路，包括自定义导航栏和插入额外视图来控制颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现UINavigationBar的全透明是实现动态改变导航栏颜色的前提，我找到了两种方法来实现这种效果

第一种

self.navigationController?.navigationBarHidden = true

第二种方法我找了好久，今天才知道

我尝试过设置

    self.navigationController?.navigationBar.barTintColor = nil
    self.navigationController?.navigationBar.backgroundColor = nil

然而仍然有一层半透明效果去除不掉

我打开ViewDebugging看了ViewHierarchy发现原因是因为如果不管这个_UINavigationBarBackground，也就是我们设置NavigationBar.backgroundImage的那个UIImageView，上面就会默认有一层_UIBackdropView和_UIBackdropEffectView，这两个View是产生半透明效果的原因，我们用这行代码

    self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)

就可以去掉那层半透明效果

另外，实现动态改变UINavigationBar的颜色我目前知道的有两个思路

一个是不用系统的UINavigationBar，按我第一种方法设置hidden为true，自己画一个出来

另一种方法就是按我上面说的第二种方法设置成全透明效果之后，仿照Apple的实现方法，从NavigationBar的ViewHierarchy中insert一个View，通过控制它的颜色来控制NavigationBar的颜色

这种方法的代码在下面这篇文章里有提供

http://www.cocoachina.com/ios/20150409/11505.html