系統(tǒng)的 tabbar 中設(shè)置tabbarItem.badgeValue 后顯示樣式是紅色的小數(shù)字,由于UI在設(shè)計(jì) app 界面時(shí)考慮到風(fēng)格統(tǒng)一的問題,那么就需要讓 badgeValue 背景色,文字顏色有所改變.通過遍歷所有 tabbar 內(nèi)部子 view 沒有發(fā)現(xiàn)某個(gè) view 時(shí)可以改變這個(gè) badgeValue 的樣式的,通過查找 subLayer 方式也沒有找到控制著這個(gè) badgeValue 顯示的 layer.

能不能通過自定義 badgeValue方式去顯示滿足我們的需求呢?

答案是肯定的,這里有寫好的自定義BKTabbar 一個(gè) UITabbar 的子類和一個(gè) UITabBbarItem+Extension ?的分類,完美的解決了這個(gè)問題

使用起來也比較簡單

使用方法

1 需要自定義 TabBarController ?通過 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"

通過 UIViewControler 的 tabBarItem.badgeValue 屬性設(shè)置 badgeValue的值 , 跟系統(tǒng)的 badgeValue 設(shè)置方式一致,只是屏蔽了系統(tǒng)的實(shí)現(xiàn)方法,改成自定義 badgeValue 的顯示樣式

注意 不能通過 self.tabbarController.tabbarItem.badgeValue 去設(shè)置自定義 badgeValue 顯示內(nèi)容,因?yàn)檫@ self.tabbarController.tabbarItem 獲取的這個(gè) UITabBarItem 跟 UITabbar 內(nèi)部的 Item數(shù)組里的所有 UITabbarItem 都不一樣,所以就無法去修改 badgeValue 的值,但是可以用viewController.tabBarItem.badgeValue 去設(shè)置badgeValue 的值

iOS 10以后出現(xiàn)了新的api 可以直接設(shè)置 badgValue顯示樣式

如果不考慮適配 iOS10以下系統(tǒng)的話,可以使用上邊給出的新的api,需要適配其他 iOS 版本的話可以考慮我寫的這個(gè) BKBadgeValue ,你在使用過程中有任何問題都可以聯(lián)系作者 : 教授哥哥 1060545231

以上代碼部分已放到 github 上邊 : https://github.com/ZhaoBingDong/BKBadgeValue［https://github.com/ZhaoBingDong/BKBadgeValue］

好了，我是大兵布萊恩特，歡迎加入博主技術(shù)交流群，iOS 開發(fā)交流群