Check Mobile App
Read now
Start a Project

Adaptive Icons (Android 8.0)

Save

Adaptive icons are introduced in Android 8.0 (API level 26). In this new API level, the launcher icons can be displayed in a variety of shapes like circular, square etc. For example – according to icons type selected, your app’s launcher icon can be circular in one device and square in another device. Actually, the device provides a mask which is used to show the icons in different sizes.

Let us learn about creating Adaptive icons that fit in all the shapes and sizes.

You can control the look of your adaptive launcher icon by defining 2 layers, consisting of a background and a foreground. You must provide icon layers as drawables without masks or background shadows around the outline of the icon.

According to Android Developers documentation, the rules for creating the two layers are

To create an Adaptive icon you can follow the below given steps.

  1. Define the “icon” attribute in the application tag in your AndroidManifest.xml to specify a drawable resource.
  2. Create an ic_launcher.xml in your mipmap folder. The file should look like this

Adaptive icons are also animated according to the supported launchers. If you are still using legacy icons then the icon doesn’t look consistent with other icons that the system UI displays, and doesn’t support visual effects.

That’s all, create your own Adaptive icons to support the latest version of Android.

Thank you very much. This is Vedesh Kumar signing off.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

When I think in getting solutions for my Ecommerce Platform, I think of Webkul. They have been such a blessing in our business. We have spent thousands of dollars in support and modules from them. We love their support team. They work very closely with us, and they always go the extra mile when we need help.

Michael Urresta

Michael Urresta

Talk to Sales

Global

Live Chat
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home