系統(tǒng)的 tabbar 中設(shè)置tabbarItem.badgeValue 后顯示樣式是紅色的小數(shù)字,由于UI在設(shè)計(jì) app 界面時(shí)考慮到風(fēng)格統(tǒng)一的問(wèn)題,那么就需要讓 badgeValue 背景色,文字顏色有所改變.通過(guò)遍歷所有 tabbar 內(nèi)部子 view 沒(méi)有發(fā)現(xiàn)某個(gè) view 時(shí)可以改變這個(gè) badgeValue 的樣式的,通過(guò)查找 subLayer 方式也沒(méi)有找到控制著這個(gè) badgeValue 顯示的 layer.
能不能通過(guò)自定義 badgeValue方式去顯示滿足我們的需求呢?
答案是肯定的,這里有寫好的自定義BKTabbar 一個(gè) UITabbar 的子類和一個(gè) UITabBbarItem+Extension ?的分類,完美的解決了這個(gè)問(wèn)題
使用起來(lái)也比較簡(jiǎn)單
使用方法
1 需要自定義 TabBarController ?通過(guò) KVC 方式替換 tabbarControoler 的 tabBar
let newTabbar ? ? ? ? ? ? ? ? ? ? ? = BKTabbar(frame: self.tabBar.frame)
// 需要先給 tabbarcontroller 設(shè)置 viewControllers 已經(jīng) tabbarItem 屬性 包括 image selectImage 才可以替換掉系統(tǒng)的 tabbar
newTabbar.items ? ? ? ? ? ? ? ? ? ? = self.tabBar.items
// badgeValue 的文字顏色
newTabbar.badgeValueTextColor ? ? ? = UIColor.black
// badgeValue 背景色
newTabbar.badgeValueBackgroundColor = UIColor.yellow
self.setValue(newTabbar, forKey: "tabBar")
2 ? ? ? ? self.tabBarItem.badgeValue = "100"
通過(guò) UIViewControler 的 tabBarItem.badgeValue 屬性設(shè)置 badgeValue的值 , 跟系統(tǒng)的 badgeValue 設(shè)置方式一致,只是屏蔽了系統(tǒng)的實(shí)現(xiàn)方法,改成自定義 badgeValue 的顯示樣式
注意 不能通過(guò) self.tabbarController.tabbarItem.badgeValue 去設(shè)置自定義 badgeValue 顯示內(nèi)容,因?yàn)檫@ self.tabbarController.tabbarItem 獲取的這個(gè) UITabBarItem 跟 UITabbar 內(nèi)部的 Item數(shù)組里的所有 UITabbarItem 都不一樣,所以就無(wú)法去修改 badgeValue 的值,但是可以用viewController.tabBarItem.badgeValue 去設(shè)置badgeValue 的值
iOS 10以后出現(xiàn)了新的api 可以直接設(shè)置 badgValue顯示樣式
如果不考慮適配 iOS10以下系統(tǒng)的話,可以使用上邊給出的新的api,需要適配其他 iOS 版本的話可以考慮我寫的這個(gè) BKBadgeValue ,你在使用過(guò)程中有任何問(wèn)題都可以聯(lián)系作者 : 教授哥哥 1060545231
以上代碼部分已放到 github 上邊 : https://github.com/ZhaoBingDong/BKBadgeValue［https://github.com/ZhaoBingDong/BKBadgeValue］
好了，我是大兵布萊恩特，歡迎加入博主技術(shù)交流群，iOS 開(kāi)發(fā)交流群
