How to create Status Bar icons for Android - xamarin.forms

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

Related

iOS App display error: Black rectangle artifact beside button

After updating to iOS 13, a black rectangle appears next to a button on the login screen of my app. I'm told it appears for users running iOS 12 as well. This is the artifact:
.
The app was written in Swift 4 using Xcode 11. The artifact appears to be cutting off the normal width of the login button, as if the internal padding was rendered outside the border, so the button looks lopsided.
This is what the login view looks like in Xcode:
Here is the document outline for the login view:
Here are the attribute settings for the Login button (note: the background is an image asset):
Here are the constraints on the button. I notice there are two identical constraints for aligning horizontally in the parent container- could that cause this?
If I install the app directly using Xcode the artifact does not appear, even if I don't make any changes. However, every employee downloads the IPA from an internal app store and they see it. Can anyone suggest a solution?

Icons have poor clarity in Xamarin forms UWP project

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.

Hide other section of page when focus/zoom on particular div/element in angular5

Trying to zoom/focus on one element/div and hide other
Please refer to the demo at I want to hide all the other sections of the page and zoom only particular div/chart which is being clicked.Tried fullscreen API but it is not working as expected.
Trying to achieve zoomooz plugin like functionality in Angular . Since npm does not support zoomooz. Is it possible to have same functionality i.e. animated zoom on click. I am using Angular 6 with ng2 charts and want to zoom the div/canvas section on click and back to normal

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).

Resources