仿 iOS 图标上叠加数字提示（如未读短信、未接电话）

原发：bbs.youkuaiyun.com

作者：野比 （conmajia@gmail.com）

时间：May, 2012

封面图片为野比原创，请勿未经允许私自引用

 

首先，这只是个实验，纯 GDI+ 画的。和网上其他实现无关，所以不要说别人的做的漂亮些（我也羡慕）

其次，截图里的 iOS 图标和演示的看起来比例不大一样，那是因为 iOS 的图标都是 64x64 开外的大图标

演示里用的只是 32x32 的小图标（手上没货），所以如果你手里有 64x64 以上的大图标，欢迎在回帖里

把效果截图贴出来，最好是和 iOS 做个对比（有时候，自取其辱也是提高的一个捷径）

p.s. 做实验而已，所以只能显示 1 位数字

 

下载 DEMO

下载源码

 

相信大家对风行全球，迷倒无数潮男潮女，把妹达人必备的苹果的大名已经是如雷贯耳了

苹果流行的一个重要原因是它的界面很骚，而且经常创新，通俗点说，就是独领风骚

下图是苹果的一个很好的点子（我不保证这是苹果原创的，谁知道呢）

如果你有未接来电或者短信，iOS 会在图标上叠加数字来提醒，就像这样

 

 

看起来似乎很好。我把它拿到桌面上来（现在很多软件都已经实现了这个功能，所以我说只是玩玩而已）

分析下这个东西的层次结构，应该（或者说我理解）就像这样

 

 

目标找到了，剩下的无非就是画图的工作了，下面是刚才做的实验截图

 

 

再次说明，这个看起来难看是因为原始图标太小了。。推荐用 48x48、64x64、128x128（有点太大了）。。

你也可以在叠加图标尺寸上增加一个缩放因子，根据图标大小来匹配

也可以根据字符长度决定叠加区大小，这样可以显示任何东西

欢迎各位把自己得意的截图贴在回复里

作者：野比 （conmajia@gmail.com）

时间：May, 2012