有没有办法为 WPF 应用程序显示启动屏幕？

Question

欺骗：WPF 动画启动屏幕

我想为我的 WPF 应用程序显示一个启动屏幕。 我想做的是在从文件加载字典时显示它（加载大约需要 5-6 秒）。在WPF中有没有办法实现这一点？我希望得到一些教程，因为这比我发布的其他问题要复杂一些。

Answer 1

SplashScreen 实际上只是另一个没有边框的窗口，并且它不能调整大小（也不能以任何方式与其交互）。您可能希望将其从任务栏隐藏，将其置于屏幕中央等。尝试各种设置，直到获得所需的效果。

这是我在大约 5 分钟内快速完成的一个事件，以证明这一理论：

<Window x:Class="MyWhateverApp.MySplashScreen"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        ShowInTaskbar="False" 
        ResizeMode="NoResize" 
        WindowStartupLocation="CenterScreen"
        WindowStyle="None" 
        Background="Transparent" 
        AllowsTransparency="True"
        Title="Sandbox Splash Screen" 
        SizeToContent="Width" 
        Topmost="True" 
        Height="{Binding RelativeSource={RelativeSource Self}, 
                         Path=ActualWidth}">

    <Border CornerRadius="8" Margin="15">
        <Border.Background>
            <ImageBrush ImageSource="Resources\sandtexture.jpeg" 
                        Stretch="Fill" />
        </Border.Background>
        <Border.Effect>
            <DropShadowEffect Color="#894F3B" 
                              BlurRadius="10" 
                              Opacity="0.75" 
                              ShadowDepth="15" />
        </Border.Effect>

        <TextBlock FontSize="40"
                   FontFamily="Bauhaus 93"
                   Foreground="White"
                   Margin="10"
                   VerticalAlignment="Center"
                   HorizontalAlignment="Center"
                   Text="WPF 3.5 Sandbox">
            <TextBlock.Effect>
                <DropShadowEffect Color="Black" />
            </TextBlock.Effect>
        </TextBlock>        
    </Border>
</Window>

接下来，修改您的 App.xaml 文件以删除启动窗口，并引发 Startup 事件：

<Application x:Class="MyWhateverApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Startup="Application_Startup">
    <Application.Resources>

    </Application.Resources>
</Application>

在代码隐藏中，以任何方式处理 Application_Startup 事件你认为最好的方式。例如：

Window1 mainWindow = null;

private void Application_Startup(object sender, StartupEventArgs e)
{
    MySplashScreen splash = new MySplashScreen();
    splash.Show();
    mainWindow = new Window1();
    mainWindow.Show();
    splash.Close();
}

Answer 2

请参阅WPF 3.5 SP1：启动屏幕

或者在 VS2010 中单击 解决方案资源管理器执行添加-> New Item，从已安装模板列表中选择WPF，Splash Screen应该位于列表底部的中间。

注意：启动屏幕在构造函数之后和主窗口 Window_Loaded 回调之前/时被删除。我将所有初始化移至主窗口构造函数中，它非常有用，而且非常简单。

Answer 3

简短回答：添加->新项目 ->启动画面。它在项目中转储 PNG - 只需修改它即可。请注意，它支持完整的 alpha 透明度，因此可以包含投影等...

Answer 4

将.png图片放入app目录，并将属性编译动作设置为SplashScreen

Answer 5

这是我对 2010 问题的 2024 看法。

---

对于这种目标是在主窗口之前显示动态启动画面（不仅仅是 .png）的场景，WPF 和 WinForms 的根本问题是相同的，所以我将移植一个早期的答案并使其适用于WPF。如果您愿意，可以克隆此 WPF 解决方案并从我的 GitHub 存储库尝试它看看这是否是您想要的行为，如果是，我将从如何开始，然后解释为什么 - 我这样做的理由这种方式。

---

如果您有类似于下面所示的 Splash 窗口类，其中现在可以使用可等待的 public new async Task Show() 方法调用来代替正常的 Show() 方法，那么您需要在 MainWindow 中执行的所有操作都在 Loaded 事件处理程序中，位于 < code>MainWindow 构造函数。

public MainWindow()
{
    // Minimize the window
    WindowState = WindowState.Minimized;
    // Hide TaskBar icon so there's no temptation to un-minimizing it until we say so! 
    ShowInTaskbar = false;
    // This might be old habits, but I always feel better with a small visual footprint 
    // in case there's spurious flicker when the window creation occurs.
    Width = 0;
    Height = 0;
    WindowStyle = WindowStyle.None;


    InitializeComponent();
    Loaded += async(sender, e) =>
    {
        // NOW the native hWnd exists AND it's the first hWnd to come
        // into existence, making this class (MainWindow) the "official"
        // application main window. This means that when it closes, the
        // app will exit as long as we make our other window handles "behave".

        var splash = new Splash();
        await splash.Show();

        WindowState = WindowState.Normal;
        // Set the dimensions that you actually want here, and turn the TaskBar icon back on.
        Width = 500;
        Height = 300;
        ShowInTaskbar = true;
        localCenterToScreen();
        // ^^^^ Do all this BEFORE closing the splash. It's a smoke-and-
        //      mirrors trick that hides some of the ugly transient draws.
        splash.Close();

        #region L o c a l M e t h o d s
        void localCenterToScreen()
        {
            double screenWidth = SystemParameters.PrimaryScreenWidth;
            double screenHeight = SystemParameters.PrimaryScreenHeight;
            double left = (screenWidth - Width) / 2;
            double top = (screenHeight - Height) / 2;
            Left = left;
            Top = top;
        }
        #endregion L o c a l M e t h o d s
    };
}

---

启动画面模拟 10 状态应用程序启动

Xaml

<Window x:Class="wpf_splash.Splash"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:wpf_splash"
        mc:Ignorable="d"
        Title="Splash"
        Height="300" 
        Width="460"
        WindowStyle="None"
        WindowStartupLocation="CenterScreen"
        ShowInTaskbar="False">
    <Grid>
        <Image Source="pack://application:,,,/Resources/Splash.png" Stretch="Fill" />
        <StackPanel VerticalAlignment="Bottom" Background="#AAFFFFFF" >
            <!-- State Progress Grid -->
            <Grid Margin="0,0,0,5">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="150"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Label Content="{Binding CurrentState}"  VerticalAlignment="Center" Grid.Column="0"/>
                <ProgressBar x:Name="StateProgressBar" Maximum="100" Height="20" Margin="5,0,0,0" Grid.Column="1" />
            </Grid>
            <!-- Overall Progress Grid -->
            <Grid Margin="0,5,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="150"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Label Content="Total Progress:" FontWeight="Bold" VerticalAlignment="Center" Grid.Column="0"/>
                <ProgressBar x:Name="OverallProgressBar" Maximum="100" Height="20" Margin="5,0,0,0" Grid.Column="1"/>
            </Grid>
        </StackPanel>
    </Grid>
</Window>

代码背后

public enum StartupState
{
    InitializingComponents, LoadingConfiguration, CheckingForUpdates, ContactingServer, AuthenticatingUser, 
    LoadingResources, LoadingAvatars, EstablishingConnections, PreparingUserInterface, FinalizingSetup
}
public partial class Splash : Window, INotifyPropertyChanged
{
    public Splash()
    {
        InitializeComponent();
        DataContext = this;
    }
    public new async Task Show()
    {
        base.Show();
        StartupState[] states = Enum.GetValues<StartupState>();
        var stopwatch = new Stopwatch();
        TimeSpan randoTimeSpan = TimeSpan.MaxValue;
        Task taskSpinState;

        var progress = new Progress<double>(percent =>
        {
            StateProgressBar.Value = percent;
        });
        bool isCancelled = false;
        taskSpinState = Task.Run(() =>
        {
            while(!isCancelled)
            {
                ((IProgress<double>)progress).Report(100 * (stopwatch.ElapsedMilliseconds / (double)randoTimeSpan.TotalMilliseconds));
                Thread.Sleep(_rando.Next(100, 200));
            }
        });

        for (int i = 0; i < states.Length; i++)
        {
            CurrentState = states[i].ToString().CamelCaseToSpaces();
            stopwatch.Restart();
            randoTimeSpan = TimeSpan.FromSeconds(0.5 + (_rando.NextDouble() * 2d));  
            await Task.Delay(randoTimeSpan);
            OverallProgressBar.Value = 0.5 + 100 * (i / (double)states.Length);
        }
        OverallProgressBar.Value = 100;
        isCancelled = true;
        await taskSpinState;
    }
    Random _rando = new Random(Seed:1);
    public string CurrentState
    {
        get => _currentState;
        set
        {
            if (!Equals(_currentState, value))
            {
                _currentState = value;
                OnPropertyChanged();
            }
        }
    }
    string _currentState = string.Empty;
    protected void OnPropertyChanged([CallerMemberName] string? propertyName = null) =>
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    public event PropertyChangedEventHandler? PropertyChanged;
}
static partial class Extensions
{
    public static string CamelCaseToSpaces(this string @string)
    {
        string pattern = "(?<![A-Z])([A-Z][a-z]|(?<=[a-z])[A-Z])";
        string replacement = " $1";
        return Regex.Replace(@string, pattern, replacement).Trim();
    }
}

---

的操作理论

确实可能有其他方法可以实现这一点，但根据我的理解，这是这种方法的基本原理。

当启动屏幕在主窗口之前创建并且是第一个创建本机 HWND 时，它可能会无意中成为应用程序上下文中的主窗口。显然，这可能会让事情发生翻天覆地的变化，无论是在启动时，因为您现在试图关闭一个主窗口伪装者（飞溅），同时保持打开一个意外的子窗口（主窗口），而且在关闭时，现在很容易因以下原因而挂起奇怪的是未处理的手柄。

因此，我的 WPF 解决方案和 WinForms 解决方案都通过确保创建 win 32 本机 HWND（WPF 中的 Window 和 WinForms 中的 Control 中抽象的东西）来工作。第一的。这一切都很好，但问题是创建 HWND 通常是使其可见的结果，而我们不希望主窗体可见。显然，我们想要的是让飞溅可见，并且看不到一堆闪烁或伪像，例如，如果我们尝试先显示然后隐藏主窗口来解决这个问题。

WPF 的具体挑战是（据我所知）您无法像在 WinForms 中那样通过在 Control< 中调用 varforceCreate = Handle 来创建带外窗口句柄。 /code> 或 表单。相反，我采取的方法是创建最小化的主窗口，暂时隐藏可用于取消最小化的任务栏图标，然后等待主窗口触发其 Loading 事件（该事件是 HWND 现在存在的明确标志）。

所有这些都是为了说明：我的经验（比我想的更多）是，这是一种可靠的闪屏方式，但它没有额外的保修。