Swift 全局默認(rèn)導(dǎo)航欄樣式與視圖控制器自定義并存

介紹

越來(lái)越多的應(yīng)用程序在擁有全局導(dǎo)航欄樣式的同時(shí)常挚,也要求每個(gè)視圖控制器自定義導(dǎo)航欄樣式幅垮。
YDRootNavigationController 這個(gè)項(xiàng)目就是幫助開(kāi)發(fā)者以高效的方式解決這個(gè)問(wèn)題蚁署,開(kāi)發(fā)者以簡(jiǎn)單的方式使用這個(gè)導(dǎo)航控制器踊赠,就像視圖控制器獨(dú)立設(shè)置狀態(tài)欄風(fēng)格一樣产场,并且您可以為每個(gè)視圖控制器提供單獨(dú)的導(dǎo)航欄樣式狡门,包括原生返回手勢(shì)、返回按鈕搀捷、狀態(tài)欄樣式星掰、標(biāo)簽欄顯示和隱藏狀態(tài)等等∧壑郏可以查看這篇 Swift YDRootNavigationController的實(shí)現(xiàn)原理 文章進(jìn)行深入了解氢烘。

返回手勢(shì)與地圖.gif

概覽

  • 支持設(shè)置全局統(tǒng)一默認(rèn)的導(dǎo)航欄樣式(例如:導(dǎo)航欄背景顏色、底部分割線顏色家厌、標(biāo)題文字屬性)播玖,同時(shí)支持每個(gè)視圖控制器可以自定義導(dǎo)航欄樣式
  • 支持全局默認(rèn)設(shè)置是否開(kāi)啟原生的返回手勢(shì),同時(shí)支持視圖控制器自己默認(rèn)設(shè)置和動(dòng)態(tài)設(shè)置
  • 支持全局默認(rèn)設(shè)置是否開(kāi)啟全屏返回手勢(shì)饭于,同時(shí)支持視圖控制器自己默認(rèn)設(shè)置和動(dòng)態(tài)設(shè)置
  • 支持全局默認(rèn)設(shè)置是否隱藏返回按鈕蜀踏,同時(shí)支持視圖控制器自己默認(rèn)設(shè)置和動(dòng)態(tài)設(shè)置
  • 支持全局默認(rèn)設(shè)置是否隱藏導(dǎo)航欄,同時(shí)支持視圖控制器自己默認(rèn)設(shè)置和動(dòng)態(tài)設(shè)置
  • 支持全局默認(rèn)設(shè)置是否隱藏標(biāo)簽欄掰吕,同時(shí)支持視圖控制器自己默認(rèn)設(shè)置和動(dòng)態(tài)設(shè)置
  • 支持設(shè)置狀態(tài)欄樣式和顯示隱藏狀態(tài)
  • 支持定制返回按鈕樣式
  • 支持自定義返回按鈕
  • 支持自定義返回按鈕點(diǎn)擊事件
  • 支持Interface Builder

安裝

YDRootNavigationController 可通過(guò) CocoaPods 獲得果覆。安裝
只需將以下行添加到您的 Podfile 中:

pod 'YDRootNavigationController'

用法

一、全局默認(rèn)樣式配置

1.創(chuàng)建一個(gè)類(lèi)用來(lái)實(shí)現(xiàn)YDAppAppearanceProtocol協(xié)議
class MyAppAppearance: YDAppAppearanceProtocol {
    var navigationBarBackgroundColor: UIColor? { .white }
    var navigationBarBackgroundImage: UIImage? { UIImage.gradient(colors: [UIColor.red, UIColor.blue], type: .leftToRight, size: CGSize(width: Screen.width, height: Screen.navigationBarHeight))?.addCorner(YDRectCorner(bottomRight: 20))}
    var navigationBarShadowColor: UIColor? { .red }
    var titleTextAttributes: [NSAttributedString.Key : Any]? { [NSAttributedString.Key.foregroundColor: UIColor.blue] }
    var backItemImage: UIImage? { UIImage(named: "nav_back_black_button") }
    var backItemImageInsets: UIEdgeInsets? { UIEdgeInsets(top: 0, left: -6, bottom: 0, r[圖片上傳中...(導(dǎo)航欄背景顏色.gif-384156-1711033391835-0)]
ight: 0) }
}

這里用到的導(dǎo)航欄背景圖片是用代碼生成的殖熟,項(xiàng)目開(kāi)發(fā)還是用UI切的圖片比較節(jié)約系統(tǒng)資源局待,需要注意的是,如果同時(shí)設(shè)置導(dǎo)航欄背景顏色和背景圖片,背景顏色將會(huì)被背景圖片覆蓋而失效钳榨。

2.在AppDelegate中調(diào)用
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // 全局默認(rèn)樣式配置
        MyAppAppearance().configure()
        return true
    }
}

二舰罚、視圖控制器自定義樣式配置

  1. 導(dǎo)航欄控制器設(shè)置為YDRootNavigationController或繼承YDRootNavigationController的類(lèi)
  • 代碼
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
    self.window?.rootViewController = YDRootNavigationController()
    return true
}
  • Interface Builder設(shè)置
IB設(shè)置YDRootNavigationController.gif

導(dǎo)航欄樣式配置

導(dǎo)航欄標(biāo)題文字屬性
class ViewController: UIViewController {
    override var navigationBarAppearence: YDNavigationBarAppearence {
        YDNavigationBarAppearence(titleTextAttributes: [NSAttributedString.Key.foregroundColor: UIColor.randomColor, NSAttributedString.Key.font: UIFont.systemFont(ofSize: 20)])
    }
}
標(biāo)題文字屬性.gif
導(dǎo)航欄背景顏色
class ViewController: UIViewController {
    override var navigationBarAppearence: YDNavigationBarAppearence {
        YDNavigationBarAppearence(backgroundColor: .randomColor)
    }
}
導(dǎo)航欄背景顏色.gif
導(dǎo)航欄背景圖片
class ViewController: UIViewController {
    override var navigationBarAppearence: YDNavigationBarAppearence { YDNavigationBarAppearence(backgroundImage: UIImage.gradient(colors: [UIColor.systemPink, UIColor.purple], type: .leftToRight, size: CGSize(width: Screen.width, height: Screen.navigationBarHeight))?.addCorner(YDRectCorner(bottomLeft: 20, bottomRight: 20))) }
}

這里用到的導(dǎo)航欄背景圖片是用代碼生成的,項(xiàng)目開(kāi)發(fā)還是用UI切的圖片比較節(jié)約系統(tǒng)資源重绷,需要注意的是沸停,如果同時(shí)設(shè)置導(dǎo)航欄背景顏色和背景圖片膜毁,背景顏色將會(huì)被背景圖片覆蓋而失效昭卓。

導(dǎo)航欄背景圖片.gif

導(dǎo)航欄陰影顏色
class ViewController: UIViewController {
    override var navigationBarAppearence: YDNavigationBarAppearence {
        YDNavigationBarAppearence(shadowColor: .randomColor)
    }
}
導(dǎo)航欄陰影.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市瘟滨,隨后出現(xiàn)的幾起案子候醒,更是在濱河造成了極大的恐慌,老刑警劉巖杂瘸,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件倒淫,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡败玉,警方通過(guò)查閱死者的電腦和手機(jī)敌土,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)运翼,“玉大人返干,你說(shuō)我怎么就攤上這事⊙剩” “怎么了矩欠?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)悠夯。 經(jīng)常有香客問(wèn)我癌淮,道長(zhǎng),這世上最難降的妖魔是什么沦补? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任乳蓄,我火速辦了婚禮,結(jié)果婚禮上夕膀,老公的妹妹穿的比我還像新娘栓袖。我一直安慰自己,他們只是感情好店诗,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布裹刮。 她就那樣靜靜地躺著,像睡著了一般庞瘸。 火紅的嫁衣襯著肌膚如雪捧弃。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,688評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音违霞,去河邊找鬼嘴办。 笑死,一個(gè)胖子當(dāng)著我的面吹牛买鸽,可吹牛的內(nèi)容都是我干的涧郊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼眼五,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼妆艘!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起看幼,我...
    開(kāi)封第一講書(shū)人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤批旺,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后诵姜,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體汽煮,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年棚唆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了暇赤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡宵凌,死狀恐怖鞋囊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情摆寄,我是刑警寧澤失暴,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站微饥,受9級(jí)特大地震影響逗扒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜欠橘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一矩肩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肃续,春花似錦黍檩、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至瞧捌,卻和暖如春棵里,著一層夾襖步出監(jiān)牢的瞬間润文,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工殿怜, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留典蝌,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓头谜,卻偏偏與公主長(zhǎng)得像骏掀,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子柱告,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

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