In this article, you will learn how to configure app icons in the Xamarin Forms app.
Sometimes, things seem more confusing than we think, like setting up the app icons and splash screen in the Xamarin Forms iOS application. So I thought, why not document this in a single place for all three platforms (iOS, Android & UWP)? This post will mainly cover how to do it in Visual Studio, similar steps can be followed in Xamarin Studio also. The only place to configure the app icons and splash screens (for iOS, UWP and not Android) is a platform-specific project, as the implementation for each platforms differs. iOS Project The project created by the Xamarin Forms projects template in Visual Studio automatically adds the icon and splash-screen images, which look like the following, when we execute the application without any changes. The file which contains all the information about iOS Application configuration is Info.plist and the section universal icons contain all the information about the icons and the splash screen. There are two ways to change the icons and the splash screen of iOS applications. First way:
Second way:
This is how the icon and the splash screen of my application looked, after I updated them. Android Project Similar to iOS project, the project created by Xamarin Forms template in Visual Studio automatically adds icon images, which look like the following, when we execute the application without any changes. Follow these steps in order to change the default icon image to your application icon:
This is how the icon of my Application looked, after I updated it: UWP ProjectHere, the project template adds the default icon and the splash screen but they are cross ( ) images not Xamarin logo icons. Another thing to note here, is that the default name of all the UWP Applications given by Visual Studio is FPCL.WIndows, that’s why the Application icon will look like following when you execute it without any changes. It’s easier to change the icon and the splash screen images in UWP project than in Android or iOS projects. You just have to add the images , as per the given sizes in Visual Assets tab of Package.appxmanifest file. Also, you can change the name of the Application by changing the Display Name property in Application Tab of the Package.appxmanifest file. This is how the icon and the splash screen of my Application looked. after I updated them: There are many online tools to create iOS and Android icons from a single image. The one I used for this post example is MakeAppIcon. Unfortunately, there is no such tool for UWP project, so I have to make the images myself. If anyone knows any tool, please suggest via comments. The example code of this article can be found at GitHub. Let me know if I have missed anything or if you have any suggestions.
Xamarin.Forms For Beginners