Android Code Snippet Adaptive Icons - simple instructions and tips

Erel · Oct 25, 2020

All apps should have an adaptive icon. If you are not familiar with these icons then start here: Adaptive Icons

Instruction steps:

Create a new folder in the root project folder named icon.
Create two folders inside that folder with the following files:
1. mipmap:
  1. ic_launcher.png - non-adaptive icon for Android 7- devices. There is no specific size. Should be 128x128 or or more.
  2. background.png - 108x108 - the solid background layer.
  3. foreground.png - 108x108 - the foreground layer.
2. mipmap-xxxhdpi (high resolution images):
  1. background.png - 432x432 - solid background layer
  2. foreground.png - 432x432 - foreground layer
Add to main module:
B4X:
```
#AdditionalRes: ../icon
```

Add to manifest editor:

B4X:

SetApplicationAttribute(android:icon, "@mipmap/ic_launcher")
CreateResource(mipmap-anydpi-v26, ic_launcher.xml,
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@mipmap/background"/>
<foreground android:drawable="@mipmap/foreground"/>
</adaptive-icon>
)

No need to set any file to be read-only.

Example: https://github.com/AnywhereSoftware/B4X-Pleroma/tree/master/B4A

LucaMs · Oct 25, 2020

Is it possible to make comment link lines perform the first two steps?

TILogistic · Oct 25, 2020

tools to create icons for Android applications.

Android Material Icon Generator

android-material-icon-generator.bitdroid.de

Android Asset Studio

romannurik.github.io

TILogistic · Oct 25, 2020

I use this very simple tool

EasyAppIcon - Create Mobile App Icon

EasyAppIcon helps you to create your own app icons easily. Supporting Android Adaptive Icon! You can simply import the icons to Android Studio and Xcode.

easyappicon.com

yiankos1 · Oct 26, 2020

oparra said:
I use this very simple tool

EasyAppIcon - Create Mobile App Icon

EasyAppIcon helps you to create your own app icons easily. Supporting Android Adaptive Icon! You can simply import the icons to Android Studio and Xcode.

easyappicon.com

Do you follow site's instructions or Erel's, in order to be compatible at b4a?

TILogistic · Oct 26, 2020

yiankos1 said:
Do you follow site's instructions or Erel's, in order to be compatible at b4a?

B4X:

'This code will be applied to the manifest file during compilation.
'You do not need to modify it in most cases.
'See this link for for more information: https://www.b4x.com/forum/showthread.php?p=78136
AddManifestText(
<uses-sdk android:minSdkVersion="14" android:targetSdkVersion="29"/>
<supports-screens android:largeScreens="true"
    android:normalScreens="true"
    android:smallScreens="true"
    android:anyDensity="true"/>)
'SetApplicationAttribute(android:icon, "@drawable/icon")
SetApplicationAttribute(android:label, "$LABEL$")
CreateResourceFromFile(Macro, Themes.LightTheme)
'End of default text.

SetApplicationAttribute(android:icon, "@mipmap/ic_launcher")
SetApplicationAttribute(android:roundIcon, "@mipmap/ic_launcher_round")

CreateResource(mipmap-anydpi-v26, ic_launcher.xml,
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@color/ic_launcher_background" />
    <foreground android:drawable="@mipmap/ic_launcher_foreground" />
</adaptive-icon>
)

asales · Oct 27, 2020

Thanks for this tutorial. Very simple. Now I have adaptive icons in my apps.

Jeffrey Cameron · Oct 27, 2020

Any plans on building this into the IDE directly, so we use the "project icon" menu item it does all this for us?

makis_best · Oct 28, 2020

Jeffrey Cameron said:
Any plans on building this into the IDE directly, so we use the "project icon" menu item it does all this for us?

I wish... More simple that way

SMOOTSARA · Dec 3, 2020

Erel said:
All app should have an adaptive icon. If you are not familiar with these icons then start here: Adaptive Icons

Instruction steps:

Create a new folder in the root project folder named icon.

Create two folders inside that folder with the following files:

mipmap:

ic_launcher.png - non-adaptive icon for Android 7- devices. There is no specific size. Should be 128x128 or or more.

background.png - 108x108 - the solid background layer.

foreground.png - 108x108 - the foreground layer.

mipmap-xxxhdpi (high resolution images):

background.png - 432x432 - solid background layer

foreground.png - 432x432 - foreground layer

Add to main module:

B4X:

#AdditionalRes: ../icon

Add to manifest editor:

B4X:

SetApplicationAttribute(android:icon, "@mipmap/ic_launcher") CreateResource(mipmap-anydpi-v26, ic_launcher.xml, <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@mipmap/background"/> <foreground android:drawable="@mipmap/foreground"/> </adaptive-icon> )

No need to set any file to be read-only.

Example: https://github.com/AnywhereSoftware/B4X-Pleroma/tree/master/B4A

Hello
After this method, do we have to put the main icon of the "==>Objects\res\drawable" and set file to be read-only.
Or it is no longer necessary?
thankyou

Erel · Dec 3, 2020

Not necessary.

RB Smissaert · Dec 12, 2020

oparra said:
I use this very simple tool

EasyAppIcon - Create Mobile App Icon

EasyAppIcon helps you to create your own app icons easily. Supporting Android Adaptive Icon! You can simply import the icons to Android Studio and Xcode.

easyappicon.com

How do I install this app?
Doesn't show in Android appstore and download doesn't have any installer.

RBS

RB Smissaert · Dec 12, 2020

RB Smissaert said:
How do I install this app?
Doesn't show in Android appstore and download doesn't have any installer.

RBS

Ignore this, got this working with the provided example files.

RBS

Alessandro71 · Dec 13, 2020

does this also applies to the notification icons also?
currently I use this code

B4X:

        Dim n As Notification
        n.Initialize
        'put file in res\drawable and set read-only
        n.Icon = "notification"

can I move the notification.png file to the icon folder, with no read-only attribute?

Erel · Dec 14, 2020

Yes. Put it in icon\drawable.

SMOOTSARA · Dec 19, 2020

Erel said:
All app should have an adaptive icon. If you are not familiar with these icons then start here: Adaptive Icons

Instruction steps:

Create a new folder in the root project folder named icon.

Create two folders inside that folder with the following files:

mipmap:

ic_launcher.png - non-adaptive icon for Android 7- devices. There is no specific size. Should be 128x128 or or more.

background.png - 108x108 - the solid background layer.

foreground.png - 108x108 - the foreground layer.

mipmap-xxxhdpi (high resolution images):

background.png - 432x432 - solid background layer

foreground.png - 432x432 - foreground layer

Add to main module:

B4X:

#AdditionalRes: ../icon

Add to manifest editor:

B4X:

SetApplicationAttribute(android:icon, "@mipmap/ic_launcher") CreateResource(mipmap-anydpi-v26, ic_launcher.xml, <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@mipmap/background"/> <foreground android:drawable="@mipmap/foreground"/> </adaptive-icon> )

No need to set any file to be read-only.

Example: https://github.com/AnywhereSoftware/B4X-Pleroma/tree/master/B4A

Hi

I want to have an icon with a clear background (transparent)
This means that the ( background.png ) file is a transparent file

But in the program it shows the background in black

What is the cause of this issue?

Alessandro71 · Dec 19, 2020

transparent backgrounds are not allowed in adaptive icon, according to Google guidelines

TILogistic · Dec 19, 2020

Google Play icon design specifications | Android Developers

Apps & Games on Google Play are adopting a new icon system to better fit diverse developer artwork to Google Play's various UI layouts, form factors, and devices, as well as to bring consistency and a cleaner look to Google Play.

developer.android.com

Adaptive icons | Views | Android Developers

developer.android.com

MrKim · Jan 2, 2021

yiankos1 said:
Do you follow site's instructions or Erel's, in order to be compatible at b4a?

I used this tool but it created a zip file with a directory structure with a lot more files.

I found a 108 foreground icon in mipmap-mdpi and a 432 in mipmap-xxxhdpi.

But in both cases the the background file was smaller but it seemed to work. At least in testing on my one device.

I was wondering which files you used?

MrKim · Jan 2, 2021

Erel said:
All apps should have an adaptive icon. If you are not familiar with these icons then start here: Adaptive Icons

Instruction steps:

Create a new folder in the root project folder named icon.

Create two folders inside that folder with the following files:

mipmap:

ic_launcher.png - non-adaptive icon for Android 7- devices. There is no specific size. Should be 128x128 or or more.

background.png - 108x108 - the solid background layer.

foreground.png - 108x108 - the foreground layer.

mipmap-xxxhdpi (high resolution images):

background.png - 432x432 - solid background layer

foreground.png - 432x432 - foreground layer

Add to main module:

B4X:

#AdditionalRes: ../icon

Add to manifest editor:

B4X:

SetApplicationAttribute(android:icon, "@mipmap/ic_launcher") CreateResource(mipmap-anydpi-v26, ic_launcher.xml, <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@mipmap/background"/> <foreground android:drawable="@mipmap/foreground"/> </adaptive-icon> )

No need to set any file to be read-only.

Example: https://github.com/AnywhereSoftware/B4X-Pleroma/tree/master/B4A

I missed this:

B4X:

#AdditionalRes: ../icon

And couldn't figure out where it was getting the icons
Finally figured out it was using the ones in Objects\res\mipmap and Objects\res\mipmap-anydpi-v26
What do we do with these files?

Android Code Snippet Adaptive Icons - simple instructions and tips

Expert

Expert

Expert

Well-Known Member

Expert

Expert

Well-Known Member

Well-Known Member

Active Member

B4X founder

Well-Known Member

Well-Known Member

Well-Known Member

B4X founder

Active Member

Well-Known Member

Expert

Well-Known Member

Well-Known Member

Similar Threads

Privacy & Transparency

Privacy & Transparency