使UINavigationBar透明化

Question

你如何使UINavigationBar透明？虽然我希望它的酒吧项目仍然可见.

Answer 1

如果有人想知道如何在iOS 7+中实现这一点,这里有一个解决方案(iOS 6兼容)

在Objective-C中

[self.navigationBar setBackgroundImage:[UIImage new]
                         forBarMetrics:UIBarMetricsDefault];
self.navigationBar.shadowImage = [UIImage new];
self.navigationBar.translucent = YES;

在swift 3(iOS 10)

self.navigationBar.setBackgroundImage(UIImage(), for: .default)
self.navigationBar.shadowImage = UIImage()
self.navigationBar.isTranslucent = true

在快速2

self.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .Default)
self.navigationBar.shadowImage = UIImage()
self.navigationBar.translucent = true

讨论

由于文档中讨论的行为,导航栏上的设置translucent可以YES解决问题UINavigationBar.我将在这里报告相关的片段:

如果将此属性设置为YES具有不透明自定义背景图像的导航栏,则导航栏将对图像应用小于1.0的系统不透明度.

Answer 2

在iOS5中,您可以这样做以使导航栏透明:

nav.navigationBar.translucent = YES; // Setting this slides the view up, underneath the nav bar (otherwise it'll appear black)
const float colorMask[6] = {222, 255, 222, 255, 222, 255};
UIImage *img = [[UIImage alloc] init];
UIImage *maskedImage = [UIImage imageWithCGImage: CGImageCreateWithMaskingColors(img.CGImage, colorMask)];

[nav.navigationBar setBackgroundImage:maskedImage forBarMetrics:UIBarMetricsDefault]; 
[img release];

Answer 3

来自IOS7:

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

Answer 4

如果您使用最新的测试版 iOS 13.4 和 XCode 11.4 进行构建，则已接受的答案将不再适用。我找到了另一种方法，也许它只是测试版软件中的一个错误，但我把它写在那里，以防万一

（快速 5）

import UIKit

class TransparentNavBar :UINavigationBar {
    override func awakeFromNib() {
        super.awakeFromNib()
        self.setBackgroundImage(UIImage(), for: .default)
        self.shadowImage = UIImage()
        self.isTranslucent = true
        self.backgroundColor = .clear
        if #available(iOS 13.0, *) {
            self.standardAppearance.backgroundColor = .clear
            self.standardAppearance.backgroundEffect = .none
            self.standardAppearance.shadowColor = .clear
        }
    }
}

Answer 5

对于任何想要在Swift 2.x中执行此操作的人:

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .Default)
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.translucent = true

或Swift 3.x:

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

Answer 6

这似乎有效:

@implementation UINavigationBar (custom)
- (void)drawRect:(CGRect)rect {}
@end

navigationController.navigationBar.backgroundColor = [UIColor clearColor];

Answer 7

做完上面其他人说的话,即:

navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .default)
navigationController?.navigationBar.shadowImage = UIImage()
navigationController!.navigationBar.isTranslucent = true

...... 我的导航栏还是白色的.所以我添加了这一行:

navigationController?.navigationBar.backgroundColor = .clear

......瞧!这似乎成功了.

Answer 8

我知道这个主题已经过时了,但如果人们想要知道它是如何完成的而不会重载drawRect方法.

这就是你需要的:

self.navigationController.navigationBar.translucent = YES;
self.navigationController.navigationBar.opaque = YES;
self.navigationController.navigationBar.tintColor = [UIColor clearColor];
self.navigationController.navigationBar.backgroundColor = [UIColor clearColor];

Answer 9

下面的代码扩展了为此线程选择的最佳答案,以摆脱底部边框并设置文本颜色:

1. 此代码的最后两个编码行设置透明度.我从这个线程借用了这个代码,它运行得很好!

2. "clipsToBounds"属性是我找到的代码,它没有透明度设置就删除了底部边框线(所以如果你决定使用纯白/黑/等背景,那么仍然没有边框线).

3. "tintColor"线(第二条编码线)将我的后退按钮设置为浅灰色

4. 我把barTintColor作为备份.我不知道为什么透明度不起作用,但如果不透明,我希望我的bg像以前一样白

   let navigationBarAppearace = UINavigationBar.appearance()
   navigationBarAppearace.tintColor = UIColor.lightGray
   navigationBarAppearace.barTintColor = UIColor.white
   navigationBarAppearace.clipsToBounds = true
   navigationBarAppearace.isTranslucent = true
   navigationBarAppearace.setBackgroundImage(UIImage(), for: .default)
   navigationBarAppearace.shadowImage = UIImage()
   

Answer 10

解决方案 - Swift 5 - iOS 13+

根据文档，在你的 UIViewController 子类中：

override func viewDidLoad()
{
    super.viewDidLoad()
    
    let appearance = UINavigationBarAppearance()
    appearance.configureWithTransparentBackground()
    //appearance.backgroundColor = UIColor.clear
    
    navigationItem.compactAppearance = appearance
    navigationItem.scrollEdgeAppearance = appearance
    navigationItem.standardAppearance = appearance
    
    //...
}

需要明确的是，这UINavigationBar 使得. 栏按钮项目仍然可见并且可以正常工作。

什么不起作用

override func viewDidLoad()
{
    super.viewDidLoad()
    
    navigationController?.navigationBar.isTranslucent = true
    navigationController?.navigationBar.isOpaque = false

    //...
}

这让我意识到我实际上并不知道透明和半透明RIP之间的区别。

参考

https://developer.apple.com/documentation/uikit/uinavigationcontroller/customizing_your_app_s_navigation_bar

https://www.lexico.com/en/definition/transparent

https://www.lexico.com/en/definition/translucent

更新 08/10/2021

按照我提供的方式设置外观后更改navigationItem栏按钮将重置外观，您必须再次执行此操作。