用swift实现navigation bar的完全透明 & navigation bar中button的字体大小调整

这几天在项目中遇到的关于navigation bar的一些小问题以及解决方法记录一下吧:

1. 完全透明navigation bar

有时候我们想要navigation viewcontroller顶部的navigation bar变得完全透明,我们首先想到是从story board下手,但是尝试了半天,也不能达到完全透明的效果


选择这里的Translucent Navigation Bar只能让bar变成那种可以稀释背景色的毛玻璃的效果,那么究竟应该如何才能把整个navigation bar都变成透明呢?

答案是通过代码实现:

非常简单,在viewDidload或者DidAppear中,加入下面3行代码

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

自己动手试一下效果


2. 改变bar中的backButton或者leftBarButton的样式

如果我们采用了navigation viewcontroller系列,在我们切换到下一页面的时候,在bar的最左面会自动出现一个返回的按钮,这个按钮的文字认是上一个页面的barItem的文字内容,这些都是认的,会自动帮我们建立。

那有时候会遇到的问题是,如果A页面的bar Item的文字内容很长,从A页面push到B页面后,这个返回按钮的文字就会很长,从而把B页面的item内容挤到右侧,这样很不美观。

这里我们可以有两种方式来处理,

1> 我们可以新建一个新的按钮,并且赋予它文字,样式等

let backButton = UIBarButtonItem(title: "< Back",style: UIBarButtonItemStyle.Plain,target: self,action: "goBack")
navigationItem.leftBarButtonItem = backButton
navigationItem.leftBarButtonItem?.setTitleTextAttributes([NSFontAttributeName: UIFont(name: "Chalkduster",size: 20)!],forState: UIControlState.normal)

这样做的缺点是,你没有办法从屏幕的左侧向右滑屏实现返回的操作了,而且还必须在goBack的function中自己手动调用navigation的pop方法来达到返回的效果

2> 或者我们可以来改变这个返回按钮的样式,比如手动把它的文字字体大小调整下

        let customFont = UIFont(name: "heiti SC",size: 12.0)
        UIBarButtonItem.appearance().setTitleTextAttributes([NSFontAttributeName: customFont!],forState: UIControlState.normal)
注意,因为我们其实是改变的UIBarButtonItem ,所以,这段代码我们要放到Appdelegate中来实现。这样,所有的bar中的button类的字体都被强制设定为12号大小了

相关文章

软件简介:蓝湖辅助工具,减少移动端开发中控件属性的复制和粘...
现实生活中,我们听到的声音都是时间连续的,我们称为这种信...
前言最近在B站上看到一个漂亮的仙女姐姐跳舞视频,循环看了亿...
【Android App】实战项目之仿抖音的短视频分享App(附源码和...
前言这一篇博客应该是我花时间最多的一次了,从2022年1月底至...
因为我既对接过session、cookie,也对接过JWT,今年因为工作...