blocks|key|517602|text|将背景图像设置为导航栏可以完成此任务。在斯威夫特3中，下面的代码适用于我。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|517603|++++let+visualEffectView+++=+UIVisualEffectView(effect:+UIBlurEffect(style:+.light))
++++visualEffectView.frame+=++(self.navigationController?.navigationBar.bounds.insetBy(dx:+0,+dy:+-10).offsetBy(dx:+0,+dy:+-10))!
++++self.navigationController?.navigationBar.isTranslucent+=+true
++++self.navigationController?.navigationBar.setBackgroundImage(UIImage(),+for:+.default)
++++self.navigationController?.navigationBar.addSubview(visualEffectView)|code-block|syntax|javascript|517604|产出：|517605|​|517606|📷|atomic|offset|length|517607|517608|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/b3c72003c620e41f1282b9b1ac46c91e.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|13|8|@]|9|@$N|14|O|15|1|16]]|A|$]]|$1|P|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]]]

Setting the background image to the navigation bar does the trick. In swift 3 the below code works for me. 

<pre><code> let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
 visualEffectView.frame = (self.navigationController?.navigationBar.bounds.insetBy(dx: 0, dy: -10).offsetBy(dx: 0, dy: -10))!
 self.navigationController?.navigationBar.isTranslucent = true
 self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
 self.navigationController?.navigationBar.addSubview(visualEffectView)
</code></pre>

output:

<a href="https://i.stack.imgur.com/vLexg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vLexg.png" alt="enter image description here"></a>

blocks|key|1709906|text|Swift+3|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1709907|感谢@Vignesh的回答和@Romain+Caron的评论，我结合了您的代码，下面的代码在Swift+3中适用于我。|1709908|++++let+visualEffectView+++=+UIVisualEffectView(effect:+UIBlurEffect(style:+.light))
++++visualEffectView.frame+=++(self.navigationController?.navigationBar.bounds.insetBy(dx:+0,+dy:+-10).offsetBy(dx:+0,+dy:+-10))!
++++self.navigationController?.navigationBar.isTranslucent+=+true
++++self.navigationController?.navigationBar.setBackgroundImage(UIImage(),+for:+.default)
++++self.navigationController?.navigationBar.addSubview(visualEffectView)
++++self.navigationController?.navigationBar.sendSubview(toBack:+visualEffectView)|code-block|syntax|javascript|1709909|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Swift 3

Thanks to @Vignesh 's answer and @Romain Caron 's comment, I combined your code and the following code works for me in Swift 3

<pre><code> let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
 visualEffectView.frame = (self.navigationController?.navigationBar.bounds.insetBy(dx: 0, dy: -10).offsetBy(dx: 0, dy: -10))!
 self.navigationController?.navigationBar.isTranslucent = true
 self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
 self.navigationController?.navigationBar.addSubview(visualEffectView)
 self.navigationController?.navigationBar.sendSubview(toBack: visualEffectView)
</code></pre>

blocks|key|1512484|text|这里是我的目标-C代码，它包括对iPhone+X的超大型导航条的支持。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1512485|UIVisualEffectView+*fxView+=+[[UIVisualEffectView+alloc]+initWithEffect:[UIBlurEffect+effectWithStyle:UIBlurEffectStyleLight]];
[fxView+setFrame:CGRectOffset(CGRectInset(self.navigationController.navigationBar.bounds,+0,+-12),+0,+-60)];
[self.navigationController.navigationBar+setTranslucent:YES];
[self.navigationController.navigationBar+setBackgroundImage:[UIImage+new]+forBarPosition:UIBarPositionAny+barMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar+insertSubview:fxView+atIndex:1];|code-block|syntax|javascript|1512486|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is my Objective-C code for this same thing, and it includes support for the iPhone X's extra-large navigation bar.

<pre><code>UIVisualEffectView *fxView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];
[fxView setFrame:CGRectOffset(CGRectInset(self.navigationController.navigationBar.bounds, 0, -12), 0, -60)];
[self.navigationController.navigationBar setTranslucent:YES];
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar insertSubview:fxView atIndex:1];
</code></pre>

blocks|key|1709934|text|@Vignesh回答:硬代码-10是个坏主意。例如，对于iphone，它的大小将不正确。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1709935|//+Find+size+for+blur+effect.
let+statusBarHeight+=+UIApplication.shared.statusBarFrame.size.height
let+bounds+=+self.navigationController?.navigationBar.bounds.insetBy(dx:+0,+dy:+-(statusBarHeight)).offsetBy(dx:+0,+dy:+-(statusBarHeight))
//+Create+blur+effect.
let+visualEffectView+=+UIVisualEffectView(effect:+UIBlurEffect(style:+.light))
visualEffectView.frame+=+bounds
//+Set+navigation+bar+up.
self.navigationController?.navigationBar.isTranslucent+=+true
self.navigationController?.navigationBar.setBackgroundImage(UIImage(),+for:+.default)
self.navigationController?.navigationBar.addSubview(visualEffectView)
self.navigationController?.navigationBar.sendSubview(toBack:+visualEffectView)|code-block|syntax|javascript|1709936|我还建议创建UINavigationController的子类，因为它是很好的实践。就像这样：|1709937|final+class+func+MyCustomNavigation:+UINavigationController+{

++++override+func+viewDidLoad()+{

+++++++++//+Find+size+for+blur+effect.
+++++++++let+statusBarHeight+=+UIApplication.shared.statusBarFrame.size.height
+++++++++let+bounds+=+navigationBar.bounds.insetBy(dx:+0,+dy:+-(statusBarHeight)).offsetBy(dx:+0,+dy:+-(statusBarHeight))
+++++++++//+Create+blur+effect.
+++++++++let+visualEffectView+=+UIVisualEffectView(effect:+UIBlurEffect(style:+.light))
+++++++++visualEffectView.frame+=+bounds
+++++++++//+Set+navigation+bar+up.
+++++++++navigationBar.isTranslucent+=+true
+++++++++navigationBar.setBackgroundImage(UIImage(),+for:+.default)
+++++++++navigationBar.addSubview(visualEffectView)
+++++++++navigationBar.sendSubview(toBack:+visualEffectView)

++++}

}|1709938|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Going off @Vignesh answer it's a bad idea to hard code -10. For example this won't be sized correctly for iphone X.

<pre><code>// Find size for blur effect.
let statusBarHeight = UIApplication.shared.statusBarFrame.size.height
let bounds = self.navigationController?.navigationBar.bounds.insetBy(dx: 0, dy: -(statusBarHeight)).offsetBy(dx: 0, dy: -(statusBarHeight))
// Create blur effect.
let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
visualEffectView.frame = bounds
// Set navigation bar up.
self.navigationController?.navigationBar.isTranslucent = true
self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
self.navigationController?.navigationBar.addSubview(visualEffectView)
self.navigationController?.navigationBar.sendSubview(toBack: visualEffectView)
</code></pre>

I would also recommend creating a subclass of UINavigationController as it's good practice. Something like this:

<pre><code>final class func MyCustomNavigation: UINavigationController {

 override func viewDidLoad() {

 // Find size for blur effect.
 let statusBarHeight = UIApplication.shared.statusBarFrame.size.height
 let bounds = navigationBar.bounds.insetBy(dx: 0, dy: -(statusBarHeight)).offsetBy(dx: 0, dy: -(statusBarHeight))
 // Create blur effect.
 let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
 visualEffectView.frame = bounds
 // Set navigation bar up.
 navigationBar.isTranslucent = true
 navigationBar.setBackgroundImage(UIImage(), for: .default)
 navigationBar.addSubview(visualEffectView)
 navigationBar.sendSubview(toBack: visualEffectView)

 }

}
</code></pre>

blocks|key|517643|text|Swift+5，iOS+13+%2B|type|unstyled|depth|inlineStyleRanges|entityRanges|data|517644|您可以在UINavigationBarAppearance()文件中使用AppDelegate。不要忘记为不滚动模式设置外观。对我来说，它非常适合navigationBar.prefersLargeTitles。|offset|length|style|CODE|517645|func+application(_+application:+UIApplication,+didFinishLaunchingWithOptions+launchOptions:+[UIApplication.LaunchOptionsKey:+Any]?)+->+Bool+{
++++let+appearance+=+UINavigationBarAppearance()
++++appearance.configureWithTransparentBackground()
++++appearance.backgroundColor+=+UIColor.clear
++++appearance.backgroundEffect+=+UIBlurEffect(style:+.light)+//+or+dark
++++
++++let+scrollingAppearance+=+UINavigationBarAppearance()
++++scrollingAppearance.configureWithTransparentBackground()
++++scrollingAppearance.backgroundColor+=+.white+//+your+view+(superview)+color
++++
++++UINavigationBar.appearance().standardAppearance+=+appearance
++++UINavigationBar.appearance().scrollEdgeAppearance+=+scrollingAppearance
++++UINavigationBar.appearance().compactAppearance+=+scrollingAppearance
++++
++++return+true
}|code-block|syntax|javascript|517646|此外，您还可以使用测试项目https://github.com/leningradspb/BlurNavigationBar检查此链接。|517647|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/leningradspb/BlurNavigationBar^0|0|4|R|0|0|D|1D|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Swift 5, iOS 13 +
You can use <code>UINavigationBarAppearance()</code> in AppDelegate file. And don't forget set appearance for not scrolling mode. For me it works perfect with navigationBar.prefersLargeTitles.
<pre><code>func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -&gt; Bool {
 let appearance = UINavigationBarAppearance()
 appearance.configureWithTransparentBackground()
 appearance.backgroundColor = UIColor.clear
 appearance.backgroundEffect = UIBlurEffect(style: .light) // or dark
 
 let scrollingAppearance = UINavigationBarAppearance()
 scrollingAppearance.configureWithTransparentBackground()
 scrollingAppearance.backgroundColor = .white // your view (superview) color
 
 UINavigationBar.appearance().standardAppearance = appearance
 UINavigationBar.appearance().scrollEdgeAppearance = scrollingAppearance
 UINavigationBar.appearance().compactAppearance = scrollingAppearance
 
 return true
}
</code></pre>
Also you can check this link with test project <a href="https://github.com/leningradspb/BlurNavigationBar" rel="nofollow noreferrer">https://github.com/leningradspb/BlurNavigationBar</a>

How to make the Navigation Bar and Status Bar blurred (UIBlurEffect)? When I'm by clicking on the image to scroll down (Scroll View) to other pictures, this picture (in this case with a white machine) is simply lost under the Navigation Bar, and it is necessary that this figure would be visible under the Navigation Bar with effect UIBlurEffect.

<a href="https://i.stack.imgur.com/nElAp.png" rel="nofollow noreferrer">NO UIBlurEffect</a>

I have tried so, but did not work:

<pre><code>func addBlurEffect() {
// Add blur view
let bounds = self.navigationController?.navigationBar.bounds as CGRect!
let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))
visualEffectView.frame = bounds!
visualEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
self.navigationController?.navigationBar.addSubview(visualEffectView)
self.navigationController?.navigationBar.sendSubview(toBack: visualEffectView)
visualEffectView.isUserInteractionEnabled = false }
</code></pre>

Firstly, when scrolling the picture just disappears under the Navigation Bar. 
Second, Status Bar remains gray.

<a href="https://i.stack.imgur.com/ntmE5.png" rel="nofollow noreferrer">Bad UIBlurEffect for NavigationBar, and NO UIBlurEffect for StatusBar</a>

In order to Status Bar not remain gray, I tried to do it, but to no avail =(

<pre><code>bounds.offsetBy(dx: 0.0, dy: -20.0)
bounds.size.height = bounds.height + 20.0
</code></pre>

Also in AppDelegate (he application written in Objective-C) in didFinishLaunchingWithOptions, I tried to add it all remains the same without any changes:

<pre><code>[[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc]init] forBarMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setShadowImage:[[UIImage alloc]init]];
[[UINavigationBar appearance] setBackgroundColor:[UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.0f]];
[[UINavigationBar appearance] setTranslucent:YES];
</code></pre>

Please help solve the problem, I mess around with it for 3 days. 
Sorry for my bad English.

How to make a Navigation Bar and Status Bar blurred (UIBlurEffect)? iOS, Swift 3

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

如何使导航条和状态栏(UIBlurEffect)变得模糊？当我单击要向下滚动的图像(滚动视图)到其他图片时，此图片(在本例中为白色计算机)将在导航栏下丢失，并且必须在“导航条”和“UIBlurEffect”下显示此图形。我试过了，但没有成功：func addBlurEffect() {// Add blur viewl...

问如何使导航条和状态栏变得模糊(UIBlurEffect)？iOS，Swift 3
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使导航条和状态栏变得模糊(UIBlurEffect)？iOS，Swift 3EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使导航条和状态栏变得模糊(UIBlurEffect)？iOS，Swift 3
EN