I am developing an app in which there are multiple tabs with icon without any title. The problem is that the icons are not looking as bright it should. I used white color(FFFFFF) in creating icon assets. Still it doesn't looks so good.
The pic above shows Facebook Messenger and my App. There is difference between color(although both are white).
Any suggestion will be appreciated.
Yeah I have experienced similar problem. I think it is fault of android asset studio when I create icon with white in reality they are no white as I expected.Then I found very good online studio which is same as Android asset studio even better than that. Solution for this I think you have create icon out from AS then import them to appropriate folders.Here online icon generate web site link
Note: The question is old, but I consider sharing this information could be useful for anyone who could stumble upon this issue in the future.
If you use the Asset Studio tool from the Android Studio your icons will contain
alpha channel with a value of 60% (value depends on selected colour). I provided an example below.
In case you can use vector graphics it should work for you because you can freely edit XML file describing the generated image. Just remove android:alpha=".." attribute.
If you cannot use vector graphics and want to avoid transparency use this official online tool from Google to generate material icons for your application.
This tool supports multiple sizes, black and white colours, and SVG as well as PNG format:
Issues example of 60% alpha channel in Android Studio:
Related
I'm trying to update an existing app, it's been a few years since the last update and I've updated Android Studio to the most recent version v3.5.3. Among other things I want to change the app icon, so I've updated all the PNG files.
However, in the emulator it keeps showing the old default icon.
If I understand correctly, there is a new feature since API-26 which allows for something called adaptive app icons, but I can't figure out how to update this icon.
The #mipmap/ic_launcher.xml file seems to be some sort of vector file, which describes paths and strokeWidth and lines to construct the default icon. I tried and searched all over, but I have no clue how customize this type of icon to something with my business logo.
Do I have to turn my custom logo into a vector image? If so, how can I do this? Using which app or utility? Can't I still just use my PNG files like previously?
I build my Android app with VS2017 Xamarin, but I'm not sure that has anything to do with my problem. I have built an app icon (PNG) that looks like this:
But when I launch my app in an Android emulator, it always crops out some of my icon, thusly:
Notice that a bit of the truck tires and truck top get cropped out. But this makes no sense because as you can see in photoshop, there is plenty of empty space between the truck icon and the edges of the square. I want that space/margin to be preserved inside the icon, and not so aggressively cropped.
I keep adding more and more space, but something (Android OS? Xamarin compiler? VS2017?) seems to be ignoring the margin/space and trying to aggressively crop right up to my icon.
How can I solve this?
It's because your app is trying to look for a Round Icon file as you can see in this Microsoft blog post. The easiest way to solve all your Icon issues for Android, including the pesky adaptive icons, is to use Android Studio. You just install the free application (Windows/Mac) and then
Open the Android Studio, and create a blank project. Then right click on the resources folder of the project and add an “Image Asset”.
In there, add the image, and then resize the image appropriately. Press OK.
Reveal the file in Finder/Explorer and Migrate all the files and folders to your existing project in Visual Studio.
For rounded icons to work, you might have to make changes to the manifest file, or what ever file in the app you set the icon image name, and add an attribute of rounded-icon like in the article
Test it & it should work
I made my icons using Inkscape following the size guidelines. They looked normal sizes on couple devices. But I wanted to make the corners rounded and I used Android Studio Assets to accomplish that. Even though, the sizes are still accurate they now look smaller on the phones? What is causing that? Has anyone run into the same problems, if so how did you resolve it? I checked SO questions and answers this morning and none of them gave me solution.
This is because you have a transparent padding added by asset studio. I am not sure if there is an option to remove the padding there. Best would be to generate the appropriate sizes straight from inkscape.
See: "Android Asset Studio" adds extra space when I upload my .png icons, but doesn't when it uses its internal cliparts. Why?
On iOS devices the icon UIBarButtonSystemItemAction (a rounded rectangle with an arrow coming out of the middle and bending to the top right, Google image search shows examples) is used to e.g. open a document in another application. What is the equivalent icon for Android?
The icon resource used for sharing action (which seems close to UIBarButtonSystemItemAction) is android.R.drawable.ic_menu_share. Please read Pure Android to understand the conventions and design decisions you should make while porting an application from other platforms to Android.
Someone has compiled a list of android.R.drawable icon resources. You can check the available drawable resources yourselves following the tutorial here.
Why?
Here is one of my apps for example:
http://market.android.com/details?id=com.citc.ud
In photoshop you need to use save for web, select 24 bit png, and then check 'transparency'. This adds another 16 bit for the alpha giving you a 32bit png.
It might have something to do with how you designed the icon. I would suggest reading the Icon Design Guidelines if you haven't already done that.
And if you have the PNG ready, you might also consider getting the icon generated from this link here. I use it for all my apps and it works like a charm all the time.
http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html