I build Android Flutter app and it works well but there is one problem when I open the app drawer.
The app's logo looks like this. And I have small and big size version.
The logo looks like this.
I use it like this
android:icon="#mipmap/ic_launcher"
but when I build the app the logo looks to big so I have to fix it. I searched related keywords but there are only answer that icon makes bigger.
How can I make it icon smaller? I already tried smaller image but results are same.
Follow the step
Open android folder in Android Studio
Wait until project initialise or indexing
After indexing complete, Right click on app folder from side-menu
New > Image Asset
New pop-up will open, In Source Asset section you can select your logo and set a logo size with help of below slider in Scaling section
Related
I have recently pushed a React Native app to playstore and used an Icon to represent in playstore.When Dark Mode is enabled my app's playstore Icon's background turns black which makes Icon ugly. Now my doubt is
Do I have to use white background for Icon for all the future apps?
OR
Is there any way to make our Icon to be flexible in both Normal Mode and Dark Mode?
regarding your first question if the issue is only inside of playstore I think light background will not hurt. I dont think google play store offers a way to make this adaptive on their website.
regarding the second one, yes! inside your android project you can place alternative versions of your launcher icon inside of /res/mipmap-night-** resource folder btw it is possible you will need to create it. And also I recommend you actually create /res/mipmap-night-hdpi, /res/mipmap-night-xhdpi etc. to take into account the different screen resolutions. Since you are developing with react you would have to dive into your android project to find the res folder, or alternatively open your project in android studio and you will see it right away. this should change how your app looks on your users home screen
UPDATE
by mistake I had pointed to the drawable-night-** folders in my answer but Launcher icons in android are actually saved in the mipmap folders. I have now corrected this. I also tryed it out and it works (however I had to restart my device for it to take effect. asuming your users dont switch constantly between day and night mode they will always se the right icon for them)
Play Store icon it is a different image that you upload.
Make a complete white (or whatever) background to that image. In the official guidelines, Google says that you shouldn't make a partial background.
There is no "dark" icon in the Google Play Store; if you leave it transparent, it will display the default background color for each state (normal-dark).
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 am working on the Nativescript+Angular application and I am done with my assignment but now I want to change the default opening page image of NativeScript app.
I have tried but unable to find that. Please let me know if anyone knows.
Please see the image. I want to change this image.
NativeScript Sidekick makes changing assets like this for iOS and Android a breeze.It will help you by generating assets like the splash screen or app icon from a single image for all the different required resolutions.
https://www.nativescript.org/nativescript-sidekick
What you see upon launch is called Launch Screen or Splash Screen.
The default configuration allows you to showcase a static image upon launch, you may update the images for iOS at App_Resources/iOS/Assets.xcassets Or Android at App_Resources/Android/src/main/res/drawable-***/background.png
On iOS, you may design your own customised launch screen if you are familiar with Storyboard, the default story board file may be located atApp_Resources/iOS/Assets.xcassets/LaunchScreen.storyboard.
If you like some sort of animation upon launch screen, checkout nativescript-splashscreen plugin.
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
When i want to create an ActionBar icon using Eclipse's 'Create new Icon' and i choose the one i want from my resources.Instead of creating it correctly it only gets its shape and it paints it all grey. e.g ifi have a round .png with an arrow inside,it only gets the round shape and not the arrow image.How can I overcome it?
EDIT
The Android Asset Studio (Chrome browser is required to use the tool) can automatically generate a number of different graphic assets for your app. It knows the right sizes for each icon type, for each Android version. Even better, this tool has been integrated into the Android Developer Tools (ADT) to allow seamless integration of new assets into your app.