Adaptive Icons question

Getting Started Newbie Questions
#1

Hi all,

I read the page about adaptive icons and I am a bit confused about the size of the icos.

https://docs.coronalabs.com/guide/distribution/androidResources/

In the “AndroidResources\res” folder there are few sub folders (mipmap-*) and in each folder there are 2 icons.

1- ic_launcher.png      (48x48, 72x72, 96x96, 144x144, 192x192)

2- ic_launcher_foreground.png    (108x108,162x162,216x216,324x324,432x432)

Do I fill both with my icon graphics to the edge or do I need to leave some space around my icon in both?

If I need to leave a space around it, how many pixels do I need to leave?

Thanks.

#2

You need to leave space around ic_launcher_foreground.png only.

For the exact space I just followed corona sdk icons in sample code.

I would like to know other people’s approach though.

#3

See this page: https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive

Look at the second animated GIF. It shows the background of the icon. Then it shows the foreground. But the important thing is the third layer, a mask which is applied by the device manufacturer. On some devices you might get round icons, on some rounded rectangles. Who knows, someone might some day use a triangle. 

The point is the only part of your icon that’s going to show is what is in the hole in the mask. If you extend your icon imagery out side of the mask it will be cut off.  So it’s best to have a background that fills the max area and a foreground that’s about half the space.

Rob

#4

Thanks @Aarbron and @Rob

Will follow Aarbron’s suggestion.