PPBadgeView
1色难、前言
最近項目的一個需求是在UIView, UITabBarItem, UIBarButtonItem 這三種類型的控件上添加消息提醒小圓點(Badge),一開始找了一個星星很多的Badge庫 RKNotificationHub,但發(fā)現(xiàn)其不能很好的滿足項目需求(在UITabBarItem表現(xiàn)不是很好), 于是就自己動手寫了PPBadgeView,可以很方便的為UIView, UITabBarItem, UIBarButtonItem及其子類添加Badge, 支持** Objective-C與Swift **.
2燎斩、原理
PPBadgeView的實現(xiàn)原理很簡單: ** 將一個UILabel控件(Badge,也可為其它)添加到UIView(及子類)的對象上 **, 所以我們的關鍵點是要找到這個UIView對象! 像UIControl辖佣、UILabel、UIButton谴咸、UIImageView...這些控件就不用說了,都是繼承UIView,可直接在它們的身上添加Badge,但是 ** UITabBarItem **, ** UIBarButtonItem **就不同了,它們兩個并不是繼承的UIView,該怎么辦?
2.1轮听、給UITabBarItem添加Badge
通過系統(tǒng)的API可以看到** UITabBarItem **繼承關系:
** UIBarButtonItem --> UIBarItem --> NSObject **,
并沒有看見UIView(及子類) , UITabBarItem/UIBarItem的公開屬性里也沒發(fā)現(xiàn)可用的UIView...不急,還記得Xcode自帶的UI視圖調(diào)試神器嗎?
運行Demo后點擊打開,可清楚的看到底部欄的UITabBarItem內(nèi)有一個UITabBarButton,其下屬還有一個UITabBarSwappableImageView的圖片控件,我們要找的就是這個UITabBarSwappableImageView
接下來就是要獲取這個UITabBarSwappableImageView,我們可以使用Runtime + KVC 的方式:
- 先利用runtime獲的UITabBarButton的對象名稱(具體方法可以查看這篇博客:三分鐘教會你runtime獲取屬性和成員變量), 最后打印的結果為(因打印的內(nèi)容太多,這里只貼出最關鍵的結果):
打印結果: UITabBarItem內(nèi)的成員變量類型為: @"UITabBarButton"，名字為: _view - 再使用KVC取出這個UITabBarButton對象,遍歷出UITabBarSwappableImageView對象
UIView *tabBarButton = [tabBarItem valueForKey:@"_view"];
for (UIView *subView in tabBarButton.subviews) {
if ([subView isKindOfClass:NSClassFromString(@"UITabBarSwappableImageView")]) {
return subView;
}
}
找到了Badge可以依靠的UIView, 剩下添加Badge的工作是不是變得容易很多了,這里不多說, 在PPBadgeView里有詳細代碼.
2.2岭佳、給UIBarButtonItem添加Badge
通過系統(tǒng)的API可以看到** UIBarButtonItem **繼承關系:
** UIBarButtonItem --> UIBarItem --> NSObject **
和UITabBarItem一樣其公開的屬性也是沒有可用的UIView對象的,不過有了上面的??經(jīng)驗,獲取UIBarButtonItem中的UIView(及子類)也是同樣的做法, 看圖:
我們要找的就是UINavigationButton中的UIImageView屬性了
很奇怪,利用runtime獲取出來UINavigationButton類名稱為"UIView"
打印結果: UIBarButtonItem內(nèi)的成員變量類型為: @"UIView"血巍，名字為: _view
這里需要注意的是, UINavigationButton中的UIImageView對象的layer默認masksToBounds = YES,在取出的時候需要設置masksToBounds = NO:
UIView *navigationButton = [barButtonItem valueForKey:@"_view"];
for (UIView *subView in navigationButton.subviews) {
if ([subView isKindOfClass:NSClassFromString(@"UIImageView")]) {
subView.layer.masksToBounds = NO;
return subView;
}
}
當然,你也可以直接使用navigationButton來做Badge的父視圖...
** ========================= **
** 2017-06-27更新:** UITabBarItem分類/拓展移除掉直接比對"私有屬性API:UITabBarSwappableImageView"的代碼,規(guī)避上架審核被拒的風險.非常感謝@iOS程序犭袁 大大的指出的這個問題
** ========================= **
結束
PPBadgeView現(xiàn)已托管到GitHub維護,有Objective-C和Swift雙版本,支持CocoaPods導入,地址: https://github.com/jkpang/PPBadgeView
我的GitHub主頁: https://github.com/jkpang
