使UINavigationBar透明化

时间:2010-02-23 03:06:07

标签: ios iphone objective-c uinavigationbar transparency

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

20 个答案:

答案 0 :(得分:612)

如果有人想知道如何在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

在swift 2中

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

讨论

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

  

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

答案 1 :(得分:29)

在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];

答案 2 :(得分:23)

来自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];

答案 3 :(得分:14)

对于任何想要在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

答案 4 :(得分:12)

如果您使用最新的Beta iOS 13.4和XCode 11.4进行构建,那么可接受的答案将不再起作用。 我发现了另一种方式,也许只是beta版软件中的一个错误,但我还是在这里写下来,以防万一

(迅速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
        }
    }
}

答案 5 :(得分:10)

这似乎有效:

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

navigationController.navigationBar.backgroundColor = [UIColor clearColor];

答案 6 :(得分:8)

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

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

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

navigationController?.navigationBar.backgroundColor = .clear

......等等!这似乎成功了。

答案 7 :(得分:5)

我知道这个主题已经过时了,但是如果人们想知道如何在不重载drawRect方法的情况下完成它。

这就是你需要的:

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

答案 8 :(得分:5)

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

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

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

  3. “tintColor”行(第2条编码行)将我的后退按钮设置为浅灰色

  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()
    

答案 9 :(得分:2)

尝试以下代码:

self.navigationController.navigationBar.translucent = YES;

答案 10 :(得分:2)

C#/ Xamarin Solution

NavigationController.NavigationBar.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
NavigationController.NavigationBar.ShadowImage = new UIImage();
NavigationController.NavigationBar.Translucent = true;

答案 11 :(得分:2)

for Swift 3.0:

override func viewDidLoad() {
    super.viewDidLoad()

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

答案 12 :(得分:1)

解决方案 - Swift 5 - iOS 14

根据 documentation,在您的 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

    //...
}

这让我意识到我实际上并不知道 transparenttranslucent 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

答案 13 :(得分:1)

另一种对我有用的方法是对UINavigationBar进行子类化并将drawRect方法留空!!

@IBDesignable class MONavigationBar: UINavigationBar {


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
override func drawRect(rect: CGRect) {
    // Drawing code
}}

答案 14 :(得分:0)

选中RRViewControllerExtension,它专用于UINavigation栏外观管理。

在您的项目中使用RRViewControllerExtension,您只需要覆盖

-(BOOL)prefersNavigationBarTransparent;

在您的ViewController中。

navigation bar tranparent

答案 15 :(得分:0)

在Swift 4.2中

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

(在viewWillAppear中),然后在viewWillDisappear中,要撤消它,请放入

self.navigationController?.navigationBar.shadowImage = nil
self.navigationController?.navigationBar.isTranslucent = false

答案 16 :(得分:0)

这适用于Swift 2.0。

navigationController!.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
navigationController!.navigationBar.shadowImage = UIImage()
navigationController!.navigationBar.translucent = true

答案 17 :(得分:0)

这适用于Swift 5。

// Clear the background image.
navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)

// Clear the shadow image.
navigationController?.navigationBar.shadowImage = UIImage()

// Ensure the navigation bar is translucent.
navigationController?.navigationBar.isTranslucent = true

答案 18 :(得分:0)

您的意思是完全透明,还是使用照片应用中看到的半透明黑色风格?后者可以通过将其barStyle属性设置为UIBarStyleBlackTranslucent来完成。前者...我不确定。如果您希望其上的项目仍然可见,您可能需要在栏的视图层次结构中进行一些挖掘并删除包含其背景的视图。

答案 19 :(得分:-2)

extension UINavigationBar {
var isTransperent: Bool {
        get {
            return false // Just to satisfy property
        }
        set {
            if newValue == true {
                self.shadowImage   = UIImage()
                self.isTranslucent = true
                self.setBackgroundImage(UIImage(), for: .default)
            }else{
                self.shadowImage   = UIImage()
                self.isTranslucent = false
                self.setBackgroundImage(nil, for: .default)
            }
        }
    }
}