iOS15導(dǎo)航欄barTintColor設(shè)置無效問題

iOS15導(dǎo)航欄barTintColor設(shè)置無效問題

參考鏈接: https://developer.apple.com/forums/thread/682420

問題描述:

升上iOS15后,發(fā)現(xiàn)使用系統(tǒng)提供的導(dǎo)航欄滑動(dòng)時(shí)會(huì)變透明,navigationBarbarTintColor設(shè)置無效忌堂。在有UIScrollView的情況下辨绊,上劃后barTintColor生效,返回時(shí)正常圈驼。這不坑爹嗎這是....

研究了好久妆绞,最終在蘋果論壇看到了解決方案,淚目T^T

解決方案:

在 iOS 15 中橄镜,UIKit 將 的使用擴(kuò)展scrollEdgeAppearance到所有導(dǎo)航欄,默認(rèn)情況下會(huì)產(chǎn)生透明背景冯乘。背景由滾動(dòng)視圖何時(shí)滾動(dòng)導(dǎo)航欄后面的內(nèi)容來控制洽胶。您的屏幕截圖表明您已滾動(dòng)到頂部,因此導(dǎo)航欄在滾動(dòng)時(shí)選擇scrollEdgeAppearance了standardAppearance它裆馒,并且在以前版本的 iOS 上姊氓。

要恢復(fù)老樣子丐怯,你必須采用新UINavigationBar外觀的API, UINavigationBarAppearance翔横。刪除您現(xiàn)有的自定義并執(zhí)行如下操作:

let appearance = UINavigationBarAppearance()
appearance.configureWithOpaqueBackground()
appearance.backgroundColor = <your tint color>
navigationBar.standardAppearance = appearance;
navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance

在一般情況下读跷,它是最后一行navigationBar.scrollEdgeAppearance = navigationBar.standardAppearance,它通過UINavigationBar為其標(biāo)準(zhǔn)和邊緣狀態(tài)使用相同的外觀來解決問題禾唁。另請注意效览,這將導(dǎo)致滾動(dòng)視圖與導(dǎo)航欄重疊 - 我們建議不要設(shè)置UINavigationBar.isTranslucent = true.

您還可以將外觀代理與上面的代碼一起使用,但替換navigationBar.appearance().scrollEdgeAppearance = appearance最后一行(因?yàn)槟跇?gòu)建自己的外觀對象 - 其想法是確保 scrollEdge 和標(biāo)準(zhǔn)外觀相同)荡短。

代碼示例:

class NavigationController: UINavigationController, UINavigationControllerDelegate {

    var popDelegate: UIGestureRecognizerDelegate?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.view.backgroundColor = .white

        // 解決側(cè)滑返回失效問題
        self.popDelegate = self.interactivePopGestureRecognizer?.delegate
        self.delegate = self
        
        self.navigationBar.shadowImage = UIImage()
        self.navigationBar.layer.shadowColor = UIColor.hex("c9c9c9").cgColor
        self.navigationBar.layer.shadowRadius = 20
        self.navigationBar.layer.shadowOpacity = 0.2
        self.navigationBar.layer.shadowOffset = CGSize(width: 0, height: 5)
        self.navigationBar.tintColor = UIColor.primaryTextColor
        self.navigationBar.isTranslucent = false
        self.navigationBar.barTintColor = .white

        let appearance = UINavigationBar.appearance()
        appearance.shadowImage = UIImage()
        appearance.layer.shadowColor = UIColor.hex("c9c9c9").cgColor
        appearance.layer.shadowRadius = 20
        appearance.layer.shadowOpacity = 0.2
        appearance.layer.shadowOffset = CGSize(width: 0, height: 5)
        appearance.tintColor = UIColor.primaryTextColor //前景色丐枉,按鈕顏色
        appearance.isTranslucent = false // 導(dǎo)航條背景是否透明
        appearance.barTintColor = .white //背景色,導(dǎo)航條背景色
        appearance.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.primaryTextColor, NSAttributedString.Key.font: UIFont.systemFont(ofSize: 20, weight: .medium)] // 設(shè)置導(dǎo)航條標(biāo)題顏色肢预,還可以設(shè)置其它文字屬性矛洞,只需要在里面添加對應(yīng)的屬性
        
        // 解決iOS15 barTintColor設(shè)置無效的問題,參考https://developer.apple.com/forums/thread/682420
        if #available(iOS 15.0, *) {
            let newAppearance = UINavigationBarAppearance()
            newAppearance.configureWithOpaqueBackground()
            newAppearance.backgroundColor = .white
            newAppearance.shadowImage = UIImage()
            newAppearance.shadowColor = nil
            newAppearance.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.primaryTextColor, NSAttributedString.Key.font: UIFont.systemFont(ofSize: 20, weight: .medium)]
            
            appearance.standardAppearance = newAppearance
            appearance.scrollEdgeAppearance = appearance.standardAppearance
        }
    }

}

總結(jié)

以上來自機(jī)翻烫映,怎么說呢沼本,UINavigationBarAppearanceUINavigationBar.appearance()還是有一些不一樣。沒有l(wèi)ayer, 如果要去掉導(dǎo)航欄默認(rèn)分割線锭沟,需要將appearance.shadowColor = nil抽兆,目前僅在iOS15上使用。如有更好的方法族淮,請多多指教...

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末辫红,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子祝辣,更是在濱河造成了極大的恐慌贴妻,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蝙斜,死亡現(xiàn)場離奇詭異名惩,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)孕荠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進(jìn)店門娩鹉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人稚伍,你說我怎么就攤上這事弯予。” “怎么了个曙?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵锈嫩,是天一觀的道長。 經(jīng)常有香客問我,道長呼寸,這世上最難降的妖魔是什么那槽? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮等舔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘糟趾。我一直安慰自己慌植,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布义郑。 她就那樣靜靜地躺著蝶柿,像睡著了一般。 火紅的嫁衣襯著肌膚如雪非驮。 梳的紋絲不亂的頭發(fā)上交汤,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天,我揣著相機(jī)與錄音劫笙,去河邊找鬼芙扎。 笑死,一個(gè)胖子當(dāng)著我的面吹牛填大,可吹牛的內(nèi)容都是我干的戒洼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼允华,長吁一口氣:“原來是場噩夢啊……” “哼圈浇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起靴寂,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤磷蜀,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后百炬,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體褐隆,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年收壕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了妓灌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,144評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蜜宪,死狀恐怖虫埂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情圃验,我是刑警寧澤掉伏,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響斧散,放射性物質(zhì)發(fā)生泄漏供常。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一鸡捐、第九天 我趴在偏房一處隱蔽的房頂上張望栈暇。 院中可真熱鬧,春花似錦箍镜、人聲如沸源祈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽香缺。三九已至,卻和暖如春歇僧,著一層夾襖步出監(jiān)牢的瞬間图张,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工诈悍, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留祸轮,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓侥钳,卻偏偏與公主長得像倔撞,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子慕趴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評論 2 355

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