Search code examples
iosiphoneswiftxcodesketchapp

iOS app icon background color during zoom-out to home transition animation

My app icon that I created in sketch using a template looks fine on my device and in the simulator.

My issue is that when I'm in my app and I click to go home the app zoom out transition animation underneath the app icon is a different color than the app icon and it doesn't look good.

I'm assuming i'm doing something wrong with the app icon design or maybe it's something to do with my app window background color.

Here's a screenshot during the transition and when transition is completed.

During transition

during transition

Transition complete

transition complete

Solution

  • I solved this issue by creating a square app icon and letting Xcode render the icon for me. I made a 1024x1024 square in Sketch and designed the icon and then exported all the required icon sizes. I imported the icons into the AppIcon set in Xcode. Works like a charm.