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

前端之家收集整理的这篇文章主要介绍了用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号大小了

猜你在找的Swift相关文章