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

20 篇文章 0 订阅
17 篇文章 0 订阅

原发: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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Conmajia

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值