如何使 UINavigationBar透明?虽然我希望它的酒吧项目仍然可见。
答案 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)
以下代码扩展了为此主题选择的最佳答案,以摆脱底部边框并设置文本颜色:
此代码的最后两个编码行设置透明度。我从这个帖子中借用了这个代码,它运行得很好!
“clipsToBounds”属性是我找到的代码,它删除了没有透明度设置的OR的底部边框线(所以如果你决定使用纯白/黑/等背景,那么仍然会没有边界线。)
“tintColor”行(第2条编码行)将我的后退按钮设置为浅灰色
我将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)
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)
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
//...
}
这让我意识到我实际上并不知道 transparent 和 translucent RIP 之间的区别。
答案 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中。
答案 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)
}
}
}
}