My problem is that the App Icon on my device looks way too small in comparison to the other apps. I read some solution on other questions, like this one Android App Icon size too small but this doesn't seems to be my problem. In the Android Studio you can make a right click on "res" where you can find new --> image asset where you can create such a icon. it creates icons for all the different sizes like mdpi, hdpi and so on. So i thougt that i might display the app icon correctly but it doesn't. can anybody help me?
In "Configure Image Asset", click "Legacy", change "Shape" from "Square" to "None", and the image padding will appear. Go back to "Foreground Layer" and resize the image to fill the padding.
Try to use this. Its very useful, fast and free. And thats what I use.
If your icon already has a shape, remember to set the shape to none. Hope it helps!
If you are getting the same results, I also recommend this website, where I usually get "bigger" icons.
I found the launcher icons generator puts there a small padding, that is the reason for smaller icons. On the other way it is recommended by Google team here.
Android expects product icons to be provided at 48dp, with edges at 1dp.
All is on you to decide. In case the icon applies to whole square space - use padding, otherwise when small object is not square shape, rather fit to edges :)
I had the same issue. I fixed it like so:
Create the adaptive icon through Android Asset Studio. In the third tab you can select "Create Legacy Icon". Only this legacy one is going to be too small! The others will be fine.
So the thing I did was just to replace the icon_launcher.png files (this is the legacy icon).
If you use any single image directly as android:icon="#drawable/ic_launcher"
It'll be shown correctly on old devices but on android 26+ it'll appear small
Use this approach to make the icon appear like fitXY scaleType for imageview, that is, it's corners can be clipped like cardview but it will not be shrinked
Step 1
Delete ic_launcher from drawables and paste it in mipmap-xxhdpi-v4
Add transparent padding of width/6 px to your launcher icon online
Step 2
Paste the second file as ic_launcher_foreground
Step 3
Create ic_launcher.xml under res/mipmap-anydpi-v26 and add this content
<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<foreground android:drawable="#mipmap/ic_launcher_foreground" />
<background android:drawable="#color/colorTransparent"/>
</adaptive-icon>
Step 4
Edit the manifest and use mipmap instead of drawable
Now your icon should not appear shrinked/zoomed
This is useful when your app icon can't be split into foreground/background eg some graphic image as app icon
How it works:
For API26+ devices, mipmap-anydpi-v26 will take precedence over mipmap-xxhdpi-v4 and system will load icon from xml, which in turn, loads foreground from ic_launcher_foreground, automatically crop 2/3 of its size because it's 'adaptive icon'. (This is the reason we add padding of width/6 from all sides
For older devices the ic_launcher.webp will be used directly
Tested on API 21-31
Related
I want to use the default launcher icon provided in android studio as an ImageView. I used the android:src="#drawable/ic_launcher_background" XML tag in my imageView
But I got this as the result:
But I want this in my ImageView:
you are setting ic_launcher_background for this ImageView and you got it
till Android 7 app icon was a single image, oftenly called ic_launcher. Oreo introduced Adaptive Icons, which have two layers - background and icon/logo itself. so you need two ImageViews or LayerDrawable, the second/top layer will be your icon/logo (ic_launcher_foreground? inspect your drawable or mipmap folders)
note that background layer may get some cuts in device launcher - may be square, but also round, rounded corners all or only one etc. also foreground/icon itself may move a bit, just like visualised under above link - when you use old icon ic_launcher on newer devices it won't be exacly same as shown in device launcher
Try this
android:src="#mipmap/ic_launcher"
Hope this helps...Feel free to ask for clarifications...
The default icon provided by the android studio is actually a combination of two different drawable. See the below picture (you can check the same in your project). You can use the icon as an ImageView by stacking one of the drawable on top of another (which is not a good idea) or you can also directly use android:src="#mipmap/ic_launcher". Just as #Vishnu said.
I am trying hard to get rid of the extra margin around the ic launcher icons generated by Android Studio without luck. I know this is one of Google's material design trends. Though, the icons are so small on devices which is ugly.
I have Googled for around three hours and the only workaround I could find is to generate the clipart with a transparent background and photoshop the background with rounded corners which is pretty slow.
Is there a better solution than this?
Thank you.
Per the Designing adaptive icons blog post, the adaptive icon images created in the drawable directory for use on API 26+ devices follow the adaptive icon size and shape:
You'll note that while the entire image must be 108dp by 108dp, the actual visual area is only the center 72dp - the outer edge is only seen when dragging the icons around (where parallax effects may cause it be visible).
The Pixel Launcher, as well as many third party launchers, enforce the use of adaptive icons on API 26+ devices, so you should always design with that requirement in mind - the alternative, in the Pixel Launcher's case for instance, is to place your non-adaptive icon within a white circle.
Therefore you should always design your icon such that the background layer takes up the full size, but any foreground image you put on top of that background layer should be contained within that center area.
You can't just remove that margin without the foreground image being messed up, but as per the Implementing Adaptive Icons follow up blog post, you can remove any white excess around the foreground by putting your trimmed image within a transparent drawable of 108dp x 108dp by using an InsetDrawable.
<!-- Center a 54x54dp image in the 108x108dp size of adaptive icons -->
<inset
android:drawable="#mipmap/ic_fg_trimmed"
android:insetLeft="25%"
android:insetTop="25%"
android:insetRight="25%"
android:insetBottom="25%" />
Although this would have to be something you'd need to do to the ic_launcher_foreground image yourself after the fact.
A better solution, in most cases, is to use vector drawable images as the input to the Android Studio Image Asset wizard - this will ensure they are always the right size and don't take up any additional space in your APK.
I think i had the same problem as you. I solved this with a nasty hack, in the AndroidManifest.xml I just changed the roundIcon to point to the standard icon.
<application
…
android:icon="#mipmap/ic_launcher"
android:roundIcon="#mipmap/ic_launcher"
See more from the docs.
I wanted to ask how to change the app icon of my app on a Galaxy S7 running on Android Nougat (see attached screenshot) to fill the whole icon space.
Is there a way to do this?
EDIT: I think it's because these apps have square icons and mine is circular. Is there a way to make it square for Galaxy S7 Nougat devices and for all others round?
You can disable this by adding a meta-data element to your manifest:
<application>
<meta-data android:name="com.samsung.android.icon_container.has_icon_container" android:value="true"/>
</application>
This solution is only for user's end:
Go to settings -> display -> icon frames -> icon only.
This should change the icons into full size icons.
From https://developer.android.com/about/versions/nougat/android-7.1.html
Apps can now define circular launcher icons, which are used on devices that support them. When a launcher requests an app icon, the framework returns either android:icon or android:roundIcon, depending on the device build configuration. Because of this, apps should make sure to define both android:icon and android:roundIcon resources when responding to launcher intents. You can use Image Asset Studio to design round icons.
While that may not be sufficient to deal with Samsung's "special" white frame for icons, this gif shows a few ideas for creating icons that look good whether they are the normal size or framed "Squircle" style.
https://www.androidcentral.com/sites/androidcentral.com/files/article_images/2016/12/squircles.gif
In any event this means you now have to worry about a normal icon, a round icon and a Samsung-ized icon and there is no way to provide an icon for the Samsung-specific launcher design.
I met the same problem and tried various things. Now I found one interesting thing.
If you make an icon without any transparency, the icon will be the full size on the Nougat android phone. When I made an icon in the paint.exe and saved it as .png, there was no problem.
I think this will help you.
EDIT : below is what I met, explained in my comment
EDIT2 : the sizes and shapes of two icons (with and without transparency) are identical. the only difference is one has transparency and the other has white background. Definitely I don't mean that I deleted transparency and enlarged the image.
EDIT3 : more explanation about my icons #Hadas
I have following issue, am developing an App for Android and I realise that the launch icon AKA ic_launcher is quite smaller than al the rest of the App that I got from GooglePlay.!see image below.. I tried as normal (on eclipse: new->android icon-set->....) using a 512x512 png file, then I gave a 2nd try using a recommended link I found by searching a solution (Android Asset Studio)
you may want to say " is not tooo much" but that is what I need, must be the same size as normal apps...
thanks in advance!
see the dotted line as reference to verify the size
Just create icon 512x512px without any generators, they add margins to a picture. You have to draw icon from border to border.
Use an existing application icon as a template, for example - mine
I'm new, so links and images are here
Hi,
I'm likely making a silly mistake... hoping to find out what that is.
I'd like to use a few of the standard menu icons (ic_menu_refresh, etc.) in my app's Options Menu. And I'd like to set the icons in the xml file for the menu. I read in a few places that I can use the following:
<item android:id="#+id/quit"
android:icon="#android:drawable/ic_menu_close_clear_cancel"
android:title="Quit" />
to make a quit button in my menu. And this works nicely. However, I'd also like to use some other icons, like ic_menu_stop.png, which are apparently "not public" [link1]. Also, I've read in a few places that it's not a great idea to "reference internal graphics like that" [link2]. Likewise, I don't want to use the asterisk workaround [link3] to allow access to private resources. The solution offered is to make a local copy of the drawables.
So I copied the image files I wanted from C:\...\android-8\data\res\drawable-hdpi into my project's res\drawable folder, and then changed the above xml to:
<item android:id="#+id/quit"
android:icon="#drawable/ic_menu_close_clear_cancel"
android:title="Quit" />
However, this causes the icon to stretch (I believe the icon is stretched - and not simply a bigger (hdpi) image file - because it's slightly blurred) and either obscure or crowd out the title text, so all I see is the oversized, blurry icon. Of course, I also tried copying the icon from the drawable-mdpi folder: using the mdpi icon doesn't obscure the title, but the icon is slighlty undersized and blurry.
I wanted a screenshot, so I switched to running the app on my emulator. However, the blurring isn't apparent, and the local mdpi image seems to match the internal one I'm referencing:
[screenshot] (follow the link at the top!)
I have double-checked :), and it really is blurred on my phone (Motorola Droid).
It also occurred to me that the referenced one might be getting the icon via an xml file (like a state-list drawable), and that the xml file somehow defined how the image was to be drawn. I tried making one with a bitmap element, and tried setting a couple of the properties in ways I thought might help:
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:src="#drawable/ic_menu_close_clear_cancel"
android:gravity="top"
android:filter="false" />
It worked to display the icon (I was proud of myself), but didn't affect the stretching issue.
I also found these [link4 and link5] pages, but they seemed to have different issues.
Perhaps I should be copying the icons from another location? Am I on the right track with the xml file? Help?
Thanks,
Nolan
If you want to have the icon appear correctly in all screen densities, then you should create your own drawable-mdpi, drawable-hdpi, etc folders and copy the icons into each of those.
That way the correct size icon will be used for each density. For more details on how this works, see supporting multiple screen sizes, particularly the section on resource qualifiers.