使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

---

Discussion

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

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

Answer 2

对于Swift 3.0：

override func viewDidLoad() {
    super.viewDidLoad()

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

Answer 3

C# / Xamarin Solution

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

Answer 4

另一种对我有用的方法是对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
}}

Answer 5

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

Answer 6

这适用于Swift 2.0。

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

Answer 7

检查qazxsw poi，它专门用于UINavigationbar外观管理。

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

RRViewControllerExtension

在你的viewcontroller中。

-(BOOL)prefersNavigationBarTransparent;

Answer 8

在Swift 4.2中

（在viewWillAppear中），然后在viewWillDisappear中，撤消它，放入

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

Answer 9

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

Answer 10

在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 11

来自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 12

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

这似乎有效：

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

navigationController.navigationBar.backgroundColor = [UIColor clearColor];

Answer 14

在做了上面其他人说的话，

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

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

navigationController?.navigationBar.backgroundColor = .clear

......瞧！这似乎成功了。

Answer 15

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

这就是你需要的：

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

Answer 16

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

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 17

尝试以下代码：

self.navigationController.navigationBar.translucent = YES;