.NET MAUI Splas Screen Background image instead of Background color AND splash icon image

Matt 51

Is it possible to create the splash screen with a background image instead of using background color and still use the icon image?

Based on documentation here: https://learn.microsoft.com/en-us/dotnet/maui/user-interface/images/splashscreen?tabs=android

I do not see a way to accomplish this in the documentation.

The issue I have is that I don't have a solid background color. My background has a gradient and pattern.

What would be the best way to build the splash screen so that it has the background set with the image I provide and then also continue to display the splash icon like in the documentation?

I'm also assuming that providing a .SVG will allow both background image and splash icon image to be resized dynamically on build time for the appropriate device resolution.

This is for both Android and iOS.

Thanks.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,596 Reputation points Microsoft Vendor

2023-10-10T07:14:42.4266667+00:00

You can create an image with gradient background, pattern and AppIcon, then copy this image to the /Resource/Splash folder and set the build action to MauiIcon.
Matt 51 Reputation points

2023-10-10T09:00:28.1933333+00:00
I think there was a bit of a misunderstanding.

I'm talking about the splash screen and not the App Icon.

When I try to do this, it displays in the center of the splash screen as a circle.

I need the background to be applied to the entire screen.

I then need to place a logo where it is currently trying to display the svg as a circle and I need it to not display as a circle.

This is all in reference to an android build.

<ItemGroup> <MauiSplashScreen Include="Resources\Splash\splashscreenbackground.svg" /> </ItemGroup>
Matt 51 Reputation points

2023-10-11T07:36:05.29+00:00

I have researched this further and it appears that this is actually a hard limitation of .NET MAUI because the new update to the android API has not been integrated into .NET MAUI.

See this post: https://www.reddit.com/r/dotnetMAUI/comments/13ugd48/is_it_possible_to_set_the_splash_screen_image_to/?rdt=62843

Is this true? If it is true, when does Microsoft plan to update .NET MAUI to include the latest Android APIs?

Thanks.
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 71,596 Reputation points Microsoft Vendor

2023-10-11T08:29:32.0233333+00:00

No, splash screen display as a circle from google design. See this PG's replyhttps://github.com/dotnet/maui/pull/9797#issuecomment-1423344796, For android, here is a workaround that make the splash screen (display as a circle) to transparent, you can create a splash screen by contentpage that add whatever you want. As note: This will cause the splash screen to take a bit longer to display.

Share via

.NET MAUI Splas Screen Background image instead of Background color AND splash icon image