• 创建一个带欢迎界面的客户端


    正常客户端一般需要1个界面:主界面,或者2个界面:登陆界面和主界面。但当主界面内容较多时,加载主界面需要一定的时间,当此时间超过10秒的时候,会让用户感觉出现假死的状态。此时就有必要在登陆和主界面初始化完成前增加一个欢迎界面来过度。

    此程序,使用wpf,并用了mvvmlight框架,包含3个界面:登陆界面、欢迎界面、主界面。简易流程如下:

    进入登陆界面-》点击开始-》调用backgroundwork开始对主程序中需要初始化的内容进行初始化,同时显示欢迎界面;在初始化过程中向欢迎界面传递数据报告初始化的进展;完成初始化后关闭欢迎界面,显示主界面。

    程序中主要使用了c#的BackgroundWorker做后台的初始化,由于C#库中默认提供的BackgroundWorker提供的功能,有些用不上遂自定义一个SimpleBackgroundWorker封装了默认的BackgroundWorker。

    SimpleBackgroundWorker提供了一个委托事件和2个虚方法:

            public delegate void WorkCompletedHandler();
            public event WorkCompletedHandler WorkCompletedEvent;
    
            protected virtual void process() { }
    
            protected virtual void complete() { }

    当需要运行自己的后台程序的时候,继承SimpleBackgroundWorker

    重写process方法自定义处理方法。

    重写complete方法自定义处理完后的方法。

    当需要增加complete后的事件响应的时候可以向WorkCompletedEvent注册事件。

    本程序中自定义初始化后台程序代码如下:

            protected override void process()
            {
                base.process();
                ViewModelLocator.MainStatic.Process = "正在进行第一阶段初始化";
                Thread.Sleep(1000);
                ViewModelLocator.MainStatic.Process = "正在进行第二阶段初始化";
                Thread.Sleep(1000);
                ViewModelLocator.MainStatic.Process = "正在进行第三阶段初始化";
                Thread.Sleep(1000);
                ViewModelLocator.MainStatic.Process = "正在进行第4阶段初始化";
                Thread.Sleep(1000);
                ViewModelLocator.MainStatic.Process = "正在进行第5阶段初始化";
                Thread.Sleep(1000);
            }
    
            protected override void complete()
            {
                base.complete();
            }

    只是重写了process方法增加处理过程,并模拟处理效果改变前台状态。

    在 欢迎界面窗口中从网上找到了一个时钟的代码用到了欢迎界面中,具体效果可通过下载程序运行。

    源码如下:

    https://files.cnblogs.com/icestone/WelcomeScreenDemo.zip

  • 相关阅读:
    javascript 中 "undefined" 与 "is not defined" 分析
    css常用总结
    关于reset.css的疑问:为什么一定要重置浏览器样式?
    一些关于Viewport与device-width的东西~
    JS获取IMG图片高宽
    一个input标签搞定含内外描边及阴影的按钮~
    javascript 取整,取余数
    我刚知道的WAP app中meta的属性
    使用 jquery 获取当前时间的方法
    当前头像跟随着当前内容移动...(修改版)
  • 原文地址:https://www.cnblogs.com/icestone/p/2266184.html
Copyright © 2020-2023  润新知