Android Code Snippet Adaptive Icons - simple instructions and tips

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

Instruction steps:
  1. Create a new folder in the root project folder named icon.
  2. 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
  3. Add to main module:
    B4X: 
    #AdditionalRes: ../icon
  4. 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
 
Last edited:
Click to expand...
Vinians2006

Vinians2006

Active Member
Licensed User
Longtime User
I will wait for this resource to be added to Basic4Android because I tryed a lot but my program crash, so I ended up with simple "Choose Icon" on the menu that works fine.
 
TILogistic

TILogistic

Expert
Licensed User
Longtime User
1.- Download.

1609891126036.png


2. Unzip and find the android directory.

1609891921998.png


1609891253562.png


3. Add the resource directory where the icons are in your project.

Note: rename android directory to icon

1609891355031.png


4. Add the directory where the icons are to your project.

1609891470785.png


4. Add the following to the manifest.

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>
)
Click to expand...

If you want to upload your own custom icon

1.- Choose file

1609892513930.png



And proceed with the steps mentioned above.

See the loaded demo

Regards.
 

Attachments

  • Adaptive Icons.zip
    184.3 KB · Views: 528
Last edited:
Vinians2006

Vinians2006

Active Member
Licensed User
Longtime User
oparra said:
1.- Download.

View attachment 105531

2. Unzip and find the android directory.

View attachment 105535

View attachment 105532

3. Add the resource directory where the icons are in your project.

Note: rename android directory to icon

View attachment 105533

4. Add the directory where the icons are to your project.

View attachment 105534

4. Add the following to the manifest.



If you want to upload your own custom icon

1.- Choose file

View attachment 105536


And proceed with the steps mentioned above.

See the loaded demo

Regards.
Click to expand...
Friend your explanation is clear, but the icon do not appears and the program closes before open the main actitvity. I dont know what is wrong, I tryed everything.
Please, can you help-me ? I attached the whole project in this post.
 

Attachments

  • NSMobile.zip
    110.7 KB · Views: 357
Vinians2006

Vinians2006

Active Member
Licensed User
Longtime User
oparra said:
These should be used on your website and on Play Store.

View attachment 105587

Unzip the zip file and copy it to your project directory:

View attachment 105590

Your project is fine icon resource declarations.
the problem could be elsewhere..
Click to expand...
Thank you but I think the zip I attached were not complete. Now this one is complete. Please, can you look at the files and see if you find any error ? Because Android dont even is able to load the apk. This is realted to icon because if I use that options to set an icon it works propertly.
The file is big to attach so here is the linke to google drive:
Link to download
 
TILogistic

TILogistic

Expert
Licensed User
Longtime User
Vinians2006 said:
Thank you but I think the zip I attached were not complete. Now this one is complete. Please, can you look at the files and see if you find any error ? Because Android dont even is able to load the apk. This is realted to icon because if I use that options to set an icon it works propertly.
The file is big to attach so here is the linke to google drive:
Link to download
Click to expand...

Open a new post for inquiries.
 
J

johnaaronrose

Active Member
Licensed User
Longtime User
Apologies for my last incorrect post: it's obvious what to do if I had not had a senile moment! I just noticed the Download button on the web site. I've clicked on the Android instruction. But when I click on the Download button, it gives 2 options: one for iOS with Adaptive icon button & one with iOS with Legacy button only. I clicked on the Adaptive button and I noticed that the ic_launcher zip contains a folder for iOS and a folder for Android.

The generated images (in their sub-folders) look Ok. But the changes in the manifest are not reflected in the example project! I have attached a file showing the manifest in the example project together with a zip file of that project as well as the changes. If the changes are correct where do hey go in the standard manifest?

Would not doing the Adaptive Icons procedure prevent a search (from a phone) on Google Play Store from finding an app even though it's gone live on the Play Store?
 
Last edited:
ciginfo

ciginfo

Well-Known Member
Licensed User
Longtime User
hello
Unable to get the icon with correct size.
I create an icon directory in which 2 subdirectories mipmap and mipmap-xxxhdpi.
Mipmap0.jpg
Mipmap_xxxhdpi.jpg
Mipmap.jpg

I write in the Main:
B4X: 
#SupportedOrientations: portrait
    #CanInstallToExternalStorage: False
    #AdditionalRes: ../icon
And in the manifest :
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>
)
And here is the result, the icon which is not in the right dimension.
Where is the problem please?
Merci
phone.jpg
 
TILogistic

TILogistic

Expert
Licensed User
Longtime User
ciginfo said:
hello
Unable to get the icon with correct size.
I create an icon directory in which 2 subdirectories mipmap and mipmap-xxxhdpi.
View attachment 152308 View attachment 152309View attachment 152310
I write in the Main:
B4X: 
#SupportedOrientations: portrait
    #CanInstallToExternalStorage: False
    #AdditionalRes: ../icon
And in the manifest :
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>
)
And here is the result, the icon which is not in the right dimension.
Where is the problem please?
Merci
View attachment 152311
Click to expand...
test Android 13 and 14
1711770969164.png


Use:
easyappicon.com

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 easyappicon.com
Load image and adjust in the grid
1711771240060.png

Background color
1711771356325.png

1711771324828.png
 

Attachments

  • Adaptive Icons.zip
    469.6 KB · Views: 110
Last edited:
ciginfo

ciginfo

Well-Known Member
Licensed User
Longtime User
You must log in or register to reply here.

Similar Threads

drgottjr
  • Question
Android Question Adadptive Icon Clarification
Replies
4
Views
1K
drgottjr
drgottjr
Robert Valentino
  • Question
Android Question Legacy Icon with Adaptive Icons
Replies
4
Views
1K
anOparator
anOparator
Robert Valentino
  • Question
Android Question Adaptive Icon and CreateResource directory
Replies
3
Views
2K
Robert Valentino
Robert Valentino
Erel
  • Article
Android Tutorial Adaptive Icons
Replies
12
Views
16K
RichardN
R
I
  • Question
Android Question How to convert existing app icon to adaptive icon?
Replies
6
Views
7K
leitor79
L
Top