• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

[Swift]完全透明沉浸式导航栏

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝(shanqingyongzhi)
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址:
➤如果链接不是山青咏芝的博客园地址,则可能是爬取作者的文章。
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎,请直接点击!!!

进入博主App Store主页,下载使用各个作品!!!

注:博主将坚持每月上线一个新app!!!

1,实现原理 

(1)如果想让导航栏(navigationBar)透明,只需将导航栏背景图片(backgroundImage)设置为一个空的 image 即可。不过这样设置后,导航栏下方还是会有一条灰色色的分隔线。
1 //设置导航栏背景为空图片
2 self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)

(2)如果要去除这个黑边,同样将导航栏的 shadowImage 设置为一个空的 image 即可。

1 //设置导航栏阴影为空图片
2 self.navigationController?.navigationBar.shadowImage = UIImage()

2,举例

(1)在 viewWillAppear 方法中将导航栏背景设置为透明,同时在 viewWillDisappear 方法中又将其还原,这样保证导航栏透明这对当前页面有效,其他页面的导航栏不会变为透明。

 1 import UIKit
 2  
 3 class ViewController: UIViewController {
 4      
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7          
 8         //修改导航栏标题文字颜色
 9         self.navigationController?.navigationBar.titleTextAttributes =
10             [.foregroundColor: UIColor.white]
11         //修改导航栏按钮颜色
12         self.navigationController?.navigationBar.tintColor = UIColor.white
13          
14         //设置视图的背景图片(自动拉伸)
15         self.view.layer.contents = UIImage(named:"bg1.jpg")!.cgImage
16     }
17      
18     //视图将要显示
19     override func viewWillAppear(_ animated: Bool) {
20         super.viewWillAppear(animated)
21          
22         //设置导航栏背景透明
23         self.navigationController?.navigationBar.setBackgroundImage(UIImage(),
24                                                                     for: .default)
25         self.navigationController?.navigationBar.shadowImage = UIImage()
26     }
27      
28     //视图将要消失
29     override func viewWillDisappear(_ animated: Bool) {
30         super.viewWillDisappear(animated)
31          
32         //重置导航栏背景
33         self.navigationController?.navigationBar.setBackgroundImage(nil, for: .default)
34         self.navigationController?.navigationBar.shadowImage = nil
35     }
36 }

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap