Icons have poor clarity in Xamarin forms UWP project - xamarin.forms

I am using 24x24 pixels icons in my xamarin forms UWP project, but not getting good clarity when it comes in UI. For Android, I am using 4 set of icons for different devices and 3 set for IOS. How many sets of icons are needed for UWP and what is the resolution for those icons?

How many sets of icons are needed for UWP and what is the resolution for those icons?
Every app has an icon/logo that represents it, and that icon appears in multiple locations in the Windows shell:
The title bar of your app window
The app list in the start menu
The taskbar and task manager
Your app's tiles
Your app's splash screen
In the Microsoft Store
We have detailed article that specifically for icons that represent the app itself. please check this link and use the suitable size icon.

Related

I want to add pinch and zoom Image editing functionality for xamarin Android Application

I have used "https://github.com/steelkiwi/cropiwa" library for Image editing functionality for xamarin Android Application,
Currently I am struggling with feature where image needs to zoom when touched with in square box which is placed on the image.
Can some one help on this?
I used this library for Xamarin.Android to get zoom and editing:
https://github.com/NAXAM/Android-Image-Cropper
Also you feel free to bind any native library.

How to create Status Bar icons for Android

I have created a Xamarin Forms app and have enabled push notifications. The notifications are appearing just fine, but the icon is always just a grey box on the Android version.
I need to create icons for the app that can be displayed in the status bar. I'm not a graphic designer, and just want to display a very simple icon. I read somewhere that if I specify just the -xxhdpi version that Android will automatically resize all icons for smaller screens, but this doesn't seem to be working.
What is an easy way to create the icons I need for -hdpi, -xhdpi, -xxhdpi resolutions?
You can use AndroidAssetStudio.
Android Asset Studio is a web-based set of tools for generating graphics and other assets for Android applications that helps developers create graphic assets with just a few clicks. Currently available asset generators include:
Launcher icons - the visual representation of your app
Action bar icons - are graphic buttons from top application bar and represent the most important actions
Notification icons - is the icon that the system it’s display in the status bar when a new notification appears
Generic icons - are small / contextual icons used in the body of your app
Simple nine-patches - generate graphics elements for different screen densities
App Theme - create simple and attractive custom action bar style

UWP - Change App Icon dynamically

I recently received a real headache problem for UWP apps.
Basically I would like to change the main Icon of my app depending on an action.
Let's say I would like to change the App Icon if a certain user logs into my app so that he does not see default App Icon after closing the app.
I found different links which refer to work on tiles, which works perfectly fine. But I did not come up with a solution to change the App's Icon.
Is there a way like in iOS to use AlternateIcons or in Android to just call an Alias?
Tiles are technically the icons in the UWP world. You can update the live tiles as you desire with notifications and they can provide richer visual surface than classic icons.
For the App List and Taskbar icons however, those are just static and you cannot change them at runtime. They come from the Package.appxmanifest Visual Assets section, so you have to define them ahead of time.
You however use Badge notifications to display simple info next to the app icon in the Task bar as well as on the main app tile.

Icon not displayed in taskbar for Windows 10 UWP app

I've set various Visual Assets in my Package.appxmanifest i.e.
Square 71x71 Logo
Square 150x150 Logo
Square 310x310 Logo
Square 44x44 Logo
Store Logo
I don't have any images defined for Wide 310x150 Logo and for the Badge Logo.
When installed on the phone, it displays the logo as expected when the app is listed in the application list and when pinned to the start screen.
When installed on my laptop, it displays the logo as expected when the app is pinned to the Start menu.
And yet when I run this on my laptop the app in desktop mode, it displays the default square with a cross in my taskbar (or when using alt-tab).
Do I have to set up an icon somewhere else or do I need to setup another visual asset that's not listed?
Thanks.
UPDATE:
See Bart's answer below for solution but here are a few useful links I found:
Guidelines for tile and icon assets
Tile and toast visual assets (Windows Runtime apps)
How to generate and manage app visual assets for Windows AND Windows Phone with ease using Photoshop actions
If you used the default Windows 10 UWP template, these assets are added.
The Square44x44Logo.targetsize-24_altform-unplated.png icon is shown in the taskbar and when switching between apps. If you remove this file, Windows normally falls back to the Square44x44Logo.png file (at least on my machine).

how to set iconBadge in BB10 webworks

When we receive Push Notifications in BB10 webworks application i am getting splat icon on MY Application home screen icon but How to set IconBadge with number of unread messages.
WebWorks used to have a blackberry.app.setHomeScreenIcon method, however it was for the older BlackBerry OS 5.0+ platform, not BB10:
https://developer.blackberry.com/html5/apis/gold/blackberry.app.html#.setHomeScreenIcon
Developers used to customize the icon at runtime (e.g. switch the default home-screen icon to one with a splat + number in the top right).
Unfortunately, the capability for an app to change its home screen icon is not available in BlackBerry 10. Nor is there an API to display a custom splat with a number superimposed on it.

Resources