`
isiqi
  • 浏览: 16051032 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

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

 
阅读更多

原发:bbs.csdn.net

作者:野比 (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


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics