關(guān)于navigation bar、tab bar踏堡、status bar的常用方式

一猎唁、關(guān)于navigation controller 和 navigation bar的使用

1.頁(yè)面隱藏navigation bar

override func viewWillAppear(animated: Bool) {
        navigationController?.setNavigationBarHidden(true, animated: true)
        //或者是  navigationController?.navigationBarHidden = true
    }

2.父頁(yè)面隱藏nvigation bar,子頁(yè)面顯示navigation bar顷蟆。

在父頁(yè)面:

override func viewWillAppear(animated: Bool) {
        navigationController?.setNavigationBarHidden(true, animated: true)
    }

在子頁(yè)面:

override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(animated)
        navigationController?.navigationBarHidden = false
}
    
override func viewDidDisappear(animated: Bool) {
        super.viewDidDisappear(animated)
        navigationController?.navigationBarHidden = true
}

3.自定義navigation bar 的title 诫隅,和去掉push過(guò)來(lái)的前controller名字

override func viewWillAppear(animated: Bool) {
        //自定義title
        self.navigationController?.navigationBar.backItem?.title = ""
        self.title = "獲取驗(yàn)證碼"
 
        //去掉箭頭右邊文字xxx   
        UIBarButtonItem.appearance().setBackButtonTitlePositionAdjustment(UIOffset(horizontal: 0, vertical: -60), forBarMetrics: .Default)
    }

效果如圖:
屏幕快照 2015-12-31 17.09.16.png

4.navigation bar 僅保留箭頭,其余全不要

navigationItem.backBarButtonItem = UIBarButtonItem(title:"",style:.Plain,target:nil,action:nil)

5.滑動(dòng)時(shí)隱藏導(dǎo)航條

  • 方法一. 在storyboard里勾選一個(gè)屬性“on swipe” 即可


    屏幕快照 2016-05-08 21.23.45.png

    即可

  • 方法二. 在代碼中寫(xiě)

override func viewWillAppear(animated: Bool) {
        navigationController?.hidesBarsOnSwipe = true
    }

6.定制 navigation bar

定制navigation bar 的 title 字體和顏色

        if let barFont = UIFont(name: "Avenir-Light", size: 18.0) {
            UINavigationBar.appearance().titleTextAttributes =
                [NSForegroundColorAttributeName:UIColor(red: 255.0/255.0, green:
                    124.0/255.0, blue: 124.0/255.0, alpha: 1.0),NSFontAttributeName:barFont]
        }
屏幕快照 2015-12-31 18.08.54.png
UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.yellowColor()]
黃色.png
  • 2.系統(tǒng)類型的按鈕或顏色
UINavigationBar.appearance().tintColor = UIColor.whiteColor()
白色.png
  • 3.改變navigation bar 的背景顏色
UINavigationBar.appearance().barTintColor = UIColor.blackColor()
黑色.png
  • 4.使用自己的圖片帐偎,替換原來(lái)返回的圖片
UINavigationBar.appearance().backIndicatorImage = UIImage(named: "leftArrow")
UINavigationBar.appearance().backIndicatorTransitionMaskImage = UIImage(named: "leftArrow")

二逐纬、關(guān)于tab bar的使用

1.定制tab bar item 顏色

//可以寫(xiě)在 app delegate里
UITabBar.appearance().tintColor = UIColor(red: 150.0 / 255.0, green: 118.0 / 255.0, blue: 214.0 / 255.0, alpha: 1.0)

效果如圖:
屏幕快照 2015-12-31 18.29.00.png

2.隱藏 tab bar

//有些子頁(yè)面不需要tab bar,可以在子頁(yè)面的view will appear里加
tabBarController?.tabBar.hidden = true

3.改變tab bar下面字體的位置削樊。

選中“字體”豁生,然后在右側(cè)的title position中座修改。

改變bar item字體.png

三漫贞、 關(guān)于status bar的使用

改變狀態(tài)欄顏色(由默認(rèn)的黑色改成白色)

1.全局:所有頁(yè)面

在info里添加一個(gè)key“View controller-based status bar appearance”甸箱,值設(shè)為no。


屏幕快照 2015-12-31 18.40.28.png

然后在app delegate的這個(gè)方法里加一句話,

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {   
   UIApplication.sharedApplication().statusBarStyle = .LightContent
   return true
    }
2.局部:針對(duì)某一個(gè)頁(yè)面的狀態(tài)欄
  • A.沒(méi)有導(dǎo)航條的情況下
    在需要改變狀態(tài)欄顏色的頁(yè)面里加一個(gè)方法即可迅脐。
override func preferredStatusBarStyle() -> UIStatusBarStyle {
        return .LightContent
    }
  • B.有導(dǎo)航條(navigation bar)的情況下
override func viewWillAppear(animated: Bool) {
     self.navigationController?.navigationBar.barStyle = .Black
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芍殖,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子谴蔑,更是在濱河造成了極大的恐慌豌骏,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件隐锭,死亡現(xiàn)場(chǎng)離奇詭異窃躲,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)钦睡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)蒂窒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事刘绣∮8龋” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵纬凤,是天一觀的道長(zhǎng)福贞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)停士,這世上最難降的妖魔是什么挖帘? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮恋技,結(jié)果婚禮上拇舀,老公的妹妹穿的比我還像新娘。我一直安慰自己蜻底,他們只是感情好骄崩,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著薄辅,像睡著了一般要拂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上站楚,一...
    開(kāi)封第一講書(shū)人閱讀 52,736評(píng)論 1 312
  • 那天脱惰,我揣著相機(jī)與錄音,去河邊找鬼窿春。 笑死拉一,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的旧乞。 我是一名探鬼主播蔚润,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼良蛮!你這毒婦竟也來(lái)了抽碌?” 一聲冷哼從身側(cè)響起悍赢,我...
    開(kāi)封第一講書(shū)人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤决瞳,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后左权,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體皮胡,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年赏迟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了屡贺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖甩栈,靈堂內(nèi)的尸體忽然破棺而出泻仙,到底是詐尸還是另有隱情,我是刑警寧澤量没,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布玉转,位于F島的核電站,受9級(jí)特大地震影響殴蹄,放射性物質(zhì)發(fā)生泄漏究抓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一袭灯、第九天 我趴在偏房一處隱蔽的房頂上張望刺下。 院中可真熱鬧,春花似錦稽荧、人聲如沸橘茉。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)捺癞。三九已至,卻和暖如春构挤,著一層夾襖步出監(jiān)牢的瞬間髓介,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工筋现, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留唐础,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓矾飞,卻偏偏與公主長(zhǎng)得像一膨,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子洒沦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容