Superimpose a number on the IOS icon (for example, unread text messages or missed calls)

Original: bbs.csdn.net

By byoy (conmajia@gmail.com)

Time: May, 2012

Cover pictures are original in byoy; Do not reference them without permission

 

First of all, this is just an experiment, drawn by pure GDI +. It has nothing to do with other implementations on the Internet, so don't say others are doing well (I envy it too)

Second, the IOS icon in the image is slightly different from the demo, because the IOS icon is 64x64
Open large icon

In the demo, only 32x32 small icons are used (there are no goods in your hand), so if you have a large icon larger than 64x64 in your hand, you are welcome to reply in

It is best to compare the effect with IOS (sometimes, it is also a shortcut to improve self-abuse)

P.s. Only one digit can be displayed.

 

Download
Demo

Download source code

 

I believe that everyone is familiar with the popularity of the world, and has lost countless influx of male and female.

An important reason for Apple's popularity is that its interface is cool and often innovative. In layman's terms, it is the dominant

It's a good idea for Apple (I don't guarantee it's apple's original one. Who knows)

If you have missed calls or text messages, IOS will add numbers on the icons to remind you, just like this

 

 

It looks good. I took it to the desktop (now many software have implemented this function, so I just say it's just fun)

The hierarchical structure of this item should be analyzed (or I understand) like this.

 

 

The goal is found, and the rest is nothing more than drawing. below is the experiment just done.

 

 

Again, this looks ugly because the original icon is too small .. It is recommended to use 48x48, 64x64, 128x128 (a bit too large )..

You can also add a scaling factor to the stacked icon to match the size of the icon.

You can also determine the size of the overlapping area based on the Character length, so that everything can be displayed.

You are welcome to post your satisfaction in your reply.

By byoy (conmajia@gmail.com)

Time: May, 2012