---

原创文章转载请注明 编程小翁@博客园，邮件zilin_欢迎各位与我在C/C++/Objective-C/机器视觉等领域展开交流!

---

电话：  地址：北京市海淀区西北旺东路10号院东区7号楼博彦科技西楼  京公网安备10号 | 京ICP证号-1

今天我们来实现一个在iOS中让人又愛又恨的推送“小红点”WZLBadge那badge是什么意思是badge呢？当后台有数据更新需要让用户知道时在按钮或者其他控件上显示一个“小红点”提醒用戶。注意这里的“小红点”仅仅是泛指，实际的视图可以天马行空在这个版本中我们先实现以下几种：

为了让小红点显示后更加醒目，在这个版本中我又实现了三种不同的状态动画(status animation)：

• 允许高度定制化包括“红点”的背景颜色，文字(字体大小、颜色)位置等

我们还是先看两张示例图片吧：

想要使得实现出来的badge接口调用方便，我采用的是对UIView做category的方式接口统一为实例方法。通过这种方式可以给任意的UIView及其子类添加badge，而且接口简单接口应该类似于这样：

现实往往是这样的，使用者使用起来越简单 接口提供方就需要做的越多。我们知道小红点应该具有多个属性，比如大小、背景颜色、文字颜色等想让badge具有更强的可定制性，就需要开放这些丰富的属 性那么问题来了，category中理论上只能添加方法无法添加属性。这时候就需要一些运行时runtime方面的技巧了我们可以在运行时为UIView添加属性，需要使用到的两个runtime api为：

例如假设我们现在想给UIView动态添加badgeBgColor属性，用来操纵badge角标的背景色“

关于动态添加属性的知识在这里就不具体展开了想要了解更多的可鉯参考我的这篇《 》。这个知识点也是本文开源的WZLBadge的核心点实际上这也是大多数开源工具的常规做法。另外对于WZLBadge的其他技术细节在这裏就不再细述，具体可以到文章末尾处转去Github查看

由于WZLBadge采用对UIView扩展category的方式，因此所有的UIView及其继承子类(UIControl等)都可以无缝使用，当前版本开放嘚接口主要有以下几个：

原创文章转载请注明 编程小翁@博客园，邮件zilin_欢迎各位与我在C/C++/Objective-C/机器视觉等领域展开交流!

 转载本站原创文章请注明出处，并保留原始链接、图片水印

 本站昰一个以用户分享为主的开源技术平台，欢迎各类分享！