阿牛 - 专注.NET开发

如果梦想与实现之间有一道不可逾越的鸿沟,那么“执行力”就是跨越这道鸿沟的桥梁。

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

现在的程序,越来越讲究UX了(用户体验),能否赢得用户的青睐,很多时候是由UX的高低来决定的.

今天,我来为大家介绍一下,如何在WinForms下提高应用程序UX的一点研究:给你的程序加个启动动画.内容很初级,高手可以直接Next了.

好,我们直接切入主题.大家知道,当我们使用Office或VS时,首先会显示一张好看的启动图片(或动画),等所有内容在后台加载完了,才显示出Office或VS的操作主界面.这样的做法,大家可谓是司空见惯了,但它是如何现实的呢?

其实,现实起来也不难,主要的思路是这样的:

  1. 先制作一个窗口,将背景设计为你的启动图片
  2. 在Main方法中,开两个线程:第一个线程,显示带有图片的窗口.第二个线程,加载后台所需要的资源,如外部文件,数据库连接等等.
  3. 在第二个线程中,实时报告加载的进度,将进度显示在第一个窗口中.
  4. Main线程等待第二线程,直到所有资源加载完毕.
  5. 所有资源加载完毕后,Main线程关闭带有图片的窗口,显示主窗口(真正的操作界面)给用户.
  6. 程序启动完毕.

 

下面用UML的时序图来说明这一过程:

SequenceDiagram1

 

下面,我们来仔细看一看,如何在.NET中现实这一功能:

第一步,还是制作启动窗口,并为其加上背景图片,标题和状态.

splash_1

第二步,在Main方法中编写主要的代码.

 1:  /// <summary>
 2:          /// The main entry point for the application.
 3:          /// </summary>
 4:          [STAThread]
 5:          static void Main()
 6:          {
 7:              Application.EnableVisualStyles();
 8:              Application.SetCompatibleTextRenderingDefault(false);
 9:  
10:              //Thread to show splash window
11:              Thread thUI = new Thread(new ThreadStart(ShowSplashWindow));
12:              thUI.Name = "Splash UI";
13:              thUI.Priority = ThreadPriority.Normal;
14:              thUI.IsBackground = true;
15:              thUI.Start();                      
16:              
17:              //Thread to load time-consuming resources.
18:              Thread th = new Thread(new ThreadStart(LoadResources));
19:              th.Name = "Resource Loader";
20:              th.Priority = ThreadPriority.Highest;
21:              th.Start();
22:  
23:              th.Join();
24:  
25:              if (SplashForm!=null)
26:              {
27:                  SplashForm.Invoke(new MethodInvoker(delegate { SplashForm.Close(); }));
28:              }
29:  
30:              thUI.Join();
31:              Application.Run(new frm_Main());         
32:          }

 

SplashForm是Program类中一个Static的属性,用来跨线程访问的.我这里没有处理线程安全问题,大家可以按实际情况,加个Lock

1:     public static frm_Splash SplashForm
2:          {
3:              get;
4:              set;
5:          }
6:  

 

下面是显示启动窗口的代码,很简单.

1:   private static void ShowSplashWindow()
2:          {
3:              SplashForm = new frm_Splash();
4:              Application.Run(SplashForm);
5:          }

 

加载资源的代码,关键是要实时更新加载的进度和状态.其实可以抽出一个方法专门更新Status,以免像下面的代码重复.
 1:      private static void LoadResources()
 2:          {            
 3:              for (int i = 1; i <=15; i++)
 4:              {
 5:                  if (SplashForm != null)
 6:                  {
 7:                      SplashForm.Invoke(new MethodInvoker(delegate { SplashForm.lblStatus.Text = "Loading some things... " + DateTime.Now.ToString(); }));
 8:                  }
 9:                  Thread.Sleep(100);               
10:              }
11:              SplashForm.Invoke(new MethodInvoker(delegate { SplashForm.lblStatus.Text = "Done. " + DateTime.Now.ToString(); }));
12:          }

 

注意,不要试图在这个方法中更新lblStatus.Text,那样会有Exception有现.

必须要调用SplashForm.Invoke.这是因为SplashForm和它的控件是在另一个线程中建立的,.NET默认不允许其他线程更新控件的状态.

而Invoke,是代表用建立控件的那个线程调用代理中的方法.

 

到此,所有工作完成.下图是运行时的效果.

splash_2

 

Demo下载:

SplashDemo.rar

posted on 2009-09-13 03:14  阿牛-专注金融行业开发  阅读(8686)  评论(24编辑  收藏  举报