你如何使 UINavigationBar 透明?虽然我希望它的酒吧项目保持可见。
如果有人想知道如何在 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
讨论
由于在 UINavigationBar
文档中讨论的行为,在导航栏上将 translucent
设置为 YES
可以解决问题。我将在这里报告相关片段:
如果在具有不透明自定义背景图像的导航栏上将此属性设置为 YES,则导航栏将对图像应用小于 1.0 的系统不透明度。
在 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];
[[UINavigationBar appearance] setShadowImage: [[UIImage alloc] init]];
从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];
如果您使用最新的测试版 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
}
}
}
UIAppearance
设置 standardAppearance
,那么设置此处所示的 backgroundColor
/backgroundEffect
/shadowColor
可能不起作用,因为 UINavigationBarAppearance
属性不适用于 UIAppearance
。相反,您需要创建自己的 UINavigationBarAppearance
实例,根据需要设置属性,然后设置 navigationBar.standardAppearance = myNewInstance
。
对于任何想在 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
这似乎有效:
@implementation UINavigationBar (custom)
- (void)drawRect:(CGRect)rect {}
@end
navigationController.navigationBar.backgroundColor = [UIColor clearColor];
-drawRect:
,而不是在类别中,然后将此子类用作导航栏。
在做了上面其他人所说的之后,即:
navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .default)
navigationController?.navigationBar.shadowImage = UIImage()
navigationController!.navigationBar.isTranslucent = true
...我的导航栏仍然是白色的。所以我添加了这一行:
navigationController?.navigationBar.backgroundColor = .clear
……瞧!这似乎奏效了。
我知道这个话题很老,但是如果人们想知道它是如何在不重载 drawRect 方法的情况下完成的。
这就是你需要的:
self.navigationController.navigationBar.translucent = YES;
self.navigationController.navigationBar.opaque = YES;
self.navigationController.navigationBar.tintColor = [UIColor clearColor];
self.navigationController.navigationBar.backgroundColor = [UIColor clearColor];
下面的代码扩展了为此线程选择的最佳答案,以摆脱底部边框并设置文本颜色:
此代码的最后两行代码设置透明度。我从该线程中借用了该代码,并且效果很好! “clipsToBounds”属性是我发现的代码,它在没有设置透明度的情况下去掉了底部边框线(因此,如果您决定使用纯白色/黑色/等背景代替,仍然没有边框线)。 “tintColor”行(第二行编码)将我的后退按钮设置为浅灰色,我将 barTintColor 作为备份。我不知道为什么透明度不起作用,但如果它不起作用,我想要我的 bg 白色,因为我曾经有它让 navigationBarAppearace = UINavigationBar.appearance() navigationBarAppearace.tintColor = UIColor.lightGray白色 navigationBarAppearace.clipsToBounds = true navigationBarAppearace.isTranslucent = true navigationBarAppearace.setBackgroundImage(UIImage(), for: .default) navigationBarAppearace.shadowImage = UIImage()
解决方案 - 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
//...
}
这让我意识到我实际上并不知道 transparent 和 translucent RIP 之间的区别。
参考
https://www.lexico.com/en/definition/transparent
https://www.lexico.com/en/definition/translucent
2021 年 8 月 10 日更新
按照我提供的方式设置外观后更改 navigationItem
栏按钮将重置外观,您必须再次执行此操作。
对于 Swift 3.0:
override func viewDidLoad() {
super.viewDidLoad()
navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
navigationController?.navigationBar.shadowImage = UIImage()
navigationController?.navigationBar.isTranslucent = true
}
C# / Xamarin 解决方案
NavigationController.NavigationBar.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
NavigationController.NavigationBar.ShadowImage = new UIImage();
NavigationController.NavigationBar.Translucent = true;
试试下面的一段代码:
self.navigationController.navigationBar.translucent = YES;
对我有用的另一种方法是子类 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
}}
在斯威夫特 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
这适用于 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
你的意思是完全透明,还是使用照片应用程序中看到的半透明黑色样式?后者可以通过将其 barStyle
属性设置为 UIBarStyleBlackTranslucent
来完成。前者……我不确定。如果您希望其上的项目仍然可见,您可能需要在栏的视图层次结构中进行一些挖掘并删除包含其背景的视图。
这适用于 Swift 2.0。
navigationController!.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
navigationController!.navigationBar.shadowImage = UIImage()
navigationController!.navigationBar.translucent = true
勾选 RRViewControllerExtension,它专门用于 UINavigation 栏外观管理。
在您的项目中使用 RRViewControllerExtension,您只需要覆盖
-(BOOL)prefersNavigationBarTransparent;
在您的视图控制器中。
https://i.stack.imgur.com/bGOOB.png
extension UINavigationBar {
var isTransperent: Bool {
get {
return false // Just to satisfy property
}
set {
if newValue {
self.shadowImage = UIImage()
self.isTranslucent = true
self.setBackgroundImage(UIImage(), for: .default)
} else {
self.shadowImage = UIImage()
self.isTranslucent = false
self.setBackgroundImage(nil, for: .default)
}
}
}
}
[self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault]; self.navigationController.navigationBar.shadowImage = nil; self.navigationController.navigationBar.translucent = NO;
self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default) self.navigationController?.navigationBar.shadowImage = UIImage() self.navigationController?.navigationBar.translucent = true
navigationBar.standardAppearance.backgroundEffect = nil