2. WPF显示一个启动画面(欢迎屏幕)

文章目录

- - [一. 目标](#一. 目标)
  - [二. 使用技能](#二. 使用技能)
  - - [① 自动关闭启动画面](#① 自动关闭启动画面)
    - [② 手动关闭启动画面](#② 手动关闭启动画面)

一. 目标

在WPF程序启动的时候,有时候我们需要设置一个启动画面(比如欢迎屏幕),或者是你在启动之前做一个提示,展示公司Logo的时候,可以设置一个启动画面.比如下面这种

启动画面

二. 使用技能

使用SplashScreen类来显示动画, SplashScreen类有两种显示启动画面的方式,第一种是自动关闭,一种是手动关闭启动画面.

① 自动关闭启动画面

csharp 复制代码

namespace SplashSimple
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : Application
    {
        protected override void OnStartup(StartupEventArgs e)
        {
            base.OnStartup(e);
            // 显示启动画面
            ShowSplashScreen();
        }

        private void ShowSplashScreen()
        {
            // 这里要注意的点就是StartFlash.jpg 要设置为资源.
            SplashScreen splash = new SplashScreen(@"/Assets/Images/StartFlash.jpg");
            /*
             * 第一个参数表示是否自动关闭
             * 第二个参数表示启动画面窗口是否会被置于顶层,即使有其他程序的窗口处于活动状态,
             * 启动画面也会显示在它们之上.
             * 如果设置为false,表示遵循正常的窗口焦点规则,如果用户切换到其他程序,
             * 启动画面可能会被其他窗口遮挡.
             * 如果设置为true,保证用户一直能够看到它.
             */
            splash.Show(true, true);
        }
    }
}

从上面的代码中我明白了以下知识点:

WPF中的资源: 图片设置为资源之后会被编译到应用程序的输出文件中,无论应用程序部署到哪里,凸显都会随之一起部署,减少了丢失文件或者路径问题的风险. 资源可以通过它们的路径名在代码中被访问,并且可以用相对路径的方式去访问.

splash.Show(true,true)设置为自动关闭,自动关闭的时机: SplashScreen并没有一个固定的默认关闭时间,自动关闭的触发是基于应用程序主窗口的显示.也就是说,当你要显示你应用程序的主窗口一般来说是第一个窗口视图的时候,应用程序这个时候就会关闭启动画面.

② 手动关闭启动画面

应用场景: 如果你需要更精细的控制启动画面的关闭时机,你可以手动的调用Close()方法来关闭它.关闭这里也可以提供一个参数,表示多少时间以后进行关闭.

csharp 复制代码

namespace SplashSimple
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : Application
    {
        protected override void OnStartup(StartupEventArgs e)
        {
            base.OnStartup(e);
            // 显示启动画面
            ShowSplashScreen();
        }

        private void ShowSplashScreen()
        {
            // 这里要注意的点就是StartFlash.jpg 要设置为资源.
            SplashScreen splash = new SplashScreen(@"/Assets/Images/StartFlash.jpg");
            /*
             * 第一个参数表示是否自动关闭
             * 第二个参数表示启动画面窗口是否会被置于顶层,即使有其他程序的窗口处于活动状态,启动画面也会显示在它们之上.
             * 如果设置为false,表示遵循正常的窗口焦点规则,如果用户切换到其他程序,启动画面可能会被其他窗口遮挡.
             * 如果设置为true,保证用户一直能够看到它.
             */
            splash.Show(false, true);

            // 这里执行一些数据初始化的代码
            Task.Run(() =>
            {
                // 模拟耗时操作
                Thread.Sleep(1000);

                // 在UI线程上关闭启动画面
                Dispatcher.Invoke(() =>
                {
                    // 这里会有一个淡淡渐渐消失的效果
                    splash.Close(TimeSpan.FromSeconds(2));
                });
            });
        }
    }
}

从上面的代码中我明白了以下知识点:

这里为什么要创建一个新的Task,作用就是避免UI线程阻塞.在WPF应用程序中,UI线程负责处理所有的用户界面元素,包括回执和事件响应.如果在UI线程中执行耗时操作(如数据加载或者初始化),它会导致界面冻结,从而影响用户体验.

Thread.Sleep(1000) 表示当前Run的新线程休眠1000毫秒,这个阻塞期间,线程不会执行任何操作,也不会处理任何消息.如果是在UI线程上使用Thread.Sleep,那么UI线程会被挂起,导致整个UI变得无响应

splash.Close(TimeSpanObject) 在一定的时间后,启动画面渐渐消失,注意这里有一个渐变效果,如果想要立马消失.可以使用splash.Close(TimeSpan.Zero)