This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(22.400000000000002, 99%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYM%3C/text%3E%3C/svg%3E)
How to create custom splascreen in .net maui?
You can add splash screen to MAUI apps easily. The detailed specifications and how to do that can be found from the below URL.
Hope this helps
When I set the whole SVG image as the splash screen, it is only placed in the middle and does not cover the entire screen. I have two options: either create a custom splash screen using XAML, or set an image that displays across the entire screen. Please help me with this
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(316.8, 40%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYL%3C/text%3E%3C/svg%3E)
Since Android 12, Google has put a limit on the icons that SplashScreen can hold. If it exceeds 300dp*300dp, the icon will be cut. This is not an issue caused by MAUI.
Example: if the full size of the image is 300dp*300dp, the icon needs to fit within a circle with a diameter of 200dp. Everything outside the circle will be invisible (masked). Quated from Specs
Please find attached the image that I want to set as the splash screen. Currently, it appears in a circle and does not display properly. I would like it to be displayed without the circle and from the bottom to the top.
Since the size limit is implemented by Google at the system level, this cannot be done in SplashScreen.
You can use a blank SplashScreen and a custom ContentPage as a transition interface to jump to the home page of the program when certain conditions are met.
I'm trying to create a custom splash screen, but I'm seeing the default splash screen color before my custom one appears. How can I fix this?
Hello,
but I'm seeing the default splash screen color before my custom one appears. How can I fix this?
You can set the SplashScreen to the same background color as your transition page by setting the Color property.
This is because you have to use SplashScreen in your app after Android 12. Therefore, you can only change its color to make it more natural, but you cannot remove it from the app.
For information on setting the background color of the SplashScreen, please refer to Add tint and background color.
Best Regards,
Alec Liu.
If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
I want to have a splash screen without a colored background. Can we set an image to cover the entire splash screen, without using a circle?
This is not feasible, please refer to the official documentation below.
On Android 12+ (API 31+), the splash screen shows an icon that's centred on screen. For more information about splash screens on Android 12+, see Splash screens on developer.android.com.
Please provide code where using custom splashscreen
You can set the color to match your custom page.
<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="White" />
After that, you can create a custom page, such as SplashPage, with custom image sizes.
<VerticalStackLayout>
<Image Source="dotnet_bot.png" HeightRequest="400" WidthRequest="300"/>
</VerticalStackLayout>
After that, you need to make it the first screen of the App in App.xaml.cs.
MainPage = new SplashPage();
Finally, add the timed navigation method in SplashPage.xaml.cs.
public SplashPage()
{
InitializeComponent();
this.Loaded += async (s, e) =>{
await Task.Delay(3000);
App.Current.MainPage = new AppShell();
};
}