iOS: 教你给 UI 控件添加 Badge(消息提醒小圆点)

PPBadgeView
1、前言
最近项目的一个需求是在UIView, UITabBarItem, UIBarButtonItem 这三种类型的控件上添加消息提醒小圆点(Badge),一开始找了一个星星很多的Badge库 RKNotificationHub,但发现其不能很好的满足项目需求(在UITabBarItem表现不是很好), 于是就自己动手写了PPBadgeView,可以很方便的为UIView, UITabBarItem, UIBarButtonItem及其子类添加Badge, 支持 Objective-C与Swift .
2、原理
PPBadgeView的实现原理很简单:  将一个UILabel控件(Badge,也可为其它)添加到UIView(及子类)的对象上 , 所以我们的关键点是要找到这个UIView对象! 像UIControl、UILabel、UIButton、UIImageView...这些控件就不用说了,都是继承UIView,可直接在它们的身上添加Badge,但是  UITabBarItem ,  UIBarButtonItem 就不同了,它们两个并不是继承的UIView,该怎么办?
2.1、给UITabBarItem添加Badge
通过系统的API可以看到 UITabBarItem 继承关系:  UIBarButtonItem --> UIBarItem --> NSObject ,并没有看见UIView(及子类) , UITabBarItem/UIBarItem的公开属性里也没发现可用的UIView...不急,还记得Xcode自带的UI视图调试神器吗?
运行Demo后点击打开,可清楚的看到底部栏的UITabBarItem内有一个UITabBarButton,其下属还有一个UITabBarSwappableImageView的图片控件,我们要找的就是这个UITabBarSwappableImageView
接下来就是要获取这个UITabBarSwappableImageView,我们可以使用Runtime + KVC 的方式: 
先利用runtime获的UITabBarButton的对象名称(具体方法可以查看这篇博客:三分钟教会你runtime获取属性和成员变量), 最后打印的结果为(因打印的内容太多,这里只贴出最关键的结果):打印结果: UITabBarItem内的成员变量类型为: @"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
通过系统的API可以看到 UIBarButtonItem 继承关系:
  UIBarButtonItem --> UIBarItem --> NSObject 
和UITabBarItem一样其公开的属性也是没有可用的UIView对象的,不过有了上面的 
 
  
  
阅读全文
                                             
        0        0           
	
				
	
					   
iOS: 教你给 UI 控件添加 Badge(消息提醒小圆点)
	  	   
给UITabbar 添加 红色badge数字提醒和红点提醒
	  	   
给UITabbar 添加 红色badge数字提醒和红点提醒
	  	   
Android给控件添加消息提醒
	  	   
Android之给控件添加标签（类似右上角消息提醒数字）
	  	   
ViewPage添加小圆点
	  	   
动态添加小圆点
	  	   
给图片设置小圆点
	  	   
GitHub控件之BadgeView（消息提醒的红点）
	  	   
viewpager动态添加小圆点
	  	   
ViewPager动态添加小圆点
	  	   
ViewPager动态添加小圆点
	  	   
添加本地消息提醒
	  	   
在各种小控件上添加Badge
	  	   
实现iOS应用图标右上角数字badge number提醒
	  	   
实现iOS应用图标右上角数字badge number提醒
	  	   
实现iOS应用图标右上角数字badge number提醒
	  	   
实现iOS应用图标右上角数字badge number提醒
	     		  
	  	   
事件委托，事件绑定，事件冒泡原理
	  	   
问题 I: 锤子剪刀布 (20)
	  	   
MapReduce的Shuffle过程
	  	   
java类加载机制及反射
	  	   
g++使用container_of编译不通过
	  	   
iOS: 教你给 UI 控件添加 Badge(消息提醒小圆点)
	  	   
Codeforces Round #443 (Div. 2) D. Teams Formation
	  	   
有趣的HTML5：离线存储
	  	   
Linux网络编程--（3）TCP编程
	  	   
菜鸟娃娃鱼ONE
	  	   
SRM 549
	  	   
TensorFlow学习日记17
	  	   
第二十三天 时间函数
	  	   
如何通过单击刷新图片验证码？