iOS專案開發實戰——自定義設定導航欄和狀態列背景

乞力馬紮羅的雪CYF發表於2015-08-30

       在iPhone的狀態列頂部,會有很多的資訊,如運營商,訊號強弱,網路狀況,時間,電量等等。我們使用很多的App,如微信,QQ等等,都會發現導航欄的背景或者說圖片都是重新設定過的,這樣就能增加使用者體驗,也能更加節省下方的螢幕空間。那如何來設定導航欄的圖片呢?

(1)首先建立一個iOS專案,語言選擇Swift。並且在Images.xcassets中拖入一張圖片,大小要自己設定好,用來作為頂部導航欄的背景。

(2)在Main.storyboard中選中ViewController,然後選擇Editor-->Embed in-->Navigation Controller.為介面增加頂部導航欄。

(3)在程式碼中實現如下:

import UIKit

class ViewController: UIViewController {

  override func viewDidLoad() {
    super.viewDidLoad()
    
    initNavBarImg()

  }
  
  

  func initNavBarImg(){

    self.navigationController?.navigationBar.setBackgroundImage(UIImage(named: "naviBar"),forBarMetrics:UIBarMetrics.Default)
    
    self.navigationController?.navigationBar.topItem?.title=""    //不設定導航欄頂部的標題,就算在storyboard中設定了標題,也會消失。
  }


}

(4)然後執行程式,效果如下:發現頂部已經設定成想要的圖案了。


github主頁:https://github.com/chenyufeng1991  。歡迎大家訪問!

相關文章