仿vs实现WPF好看的进度条

为了界面友好，一般的操作时间较长时，都需要增加进度条提示。由于WPF自带的进度条其实不怎么好看，而且没啥视觉效果。后来，装VS2012时，发现安装过程中进度条效果不错，于是上网查了资料。学习了ModernUI（开源的），地址：https://github.com/firstfloorsoftware/mui。

　　后来，做了尝试写了个Demo，效果不错。另外，专门录制了tif文件，方便大家看到效果。废话不多说，先展示效果：

一、效果展示

　　A、VS2012安装界面图；

　　B、个人尝试Demo效果图：　

二、实现说明

　　1、下载MUI相关代码或者dll文件；

　　2、工程中引入该dll，并引入其资源文件；

复制代码 代码如下:

       
           
               
               
           
       
   

　　3、在需要显示进度条的页面，加入控件（其实还是WPF控件，只是MUI扩展了其样式而已）；

复制代码 代码如下:

正在启动:
       
        正在加载地图数据...
       

　　4、后台实现，由于要根据情况更新进度文字及进度条的值。所以，这里用到了异步BackgroundWorker（具体可以网上查查相关资料）；

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.ComponentModel;

namespace Monitor.Class
{
  /// 

  /// 异步操作
  /// 
  public class CWorker
  {
    /// 

    /// 对象
    /// 
    private BackgroundWorker backgroundWorker;

    /// 

    /// 后台执行的操作
    /// 
    public Action BackgroundWork { get; set; }

    /// 

    /// 后台任务执行完毕后事件
    /// 
    public event EventHandler BackgroundWorkerCompleted;

    private BackgroundWorkerEventArgs _eventArgs;//异常参数

    /// 

    /// 构造
    /// 
    public CWorker()
    {
      _eventArgs = new BackgroundWorkerEventArgs();
      backgroundWorker = new BackgroundWorker();
      backgroundWorker.WorkerReportsProgress = true;
      backgroundWorker.WorkerSupportsCancellation = true;
      backgroundWorker.DoWork += new DoWorkEventHandler(backgroundWorker1_DoWork);
      backgroundWorker.RunWorkerCompleted += new RunWorkerCompletedEventHandler(backgroundWorker1_RunWorkerCompleted);
    }

    /// 

    /// 开始工作
    /// 
    public void BegionWork()
    {
      if (backgroundWorker.IsBusy)
        return;
      backgroundWorker.RunWorkerAsync();
    }

    /// 

    /// 工作
    /// 
    /// 
    /// 
    private void backgroundWorker1_DoWork(object sender, DoWorkEventArgs e)
    {
      if (BackgroundWork != null)
      {
        try
        {
          BackgroundWork();
        }
        catch (Exception ex)
        {
          _eventArgs.BackGroundException = ex;
        }
      }
    }

    /// 

    /// 完成
    /// 
    /// 
    /// 
    private void backgroundWorker1_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
    {
      if (this.BackgroundWorkerCompleted != null)
      {
        this.BackgroundWorkerCompleted(null, _eventArgs);
      }
    }
  }

  /// 

  /// 事件
  /// 
  public class BackgroundWorkerEventArgs : EventArgs
  {
    /// 

    /// 后台程序运行时抛出的异常
    /// 
    public Exception BackGroundException { get; set; }
  }
}

namespace Monitor
{
  /// 

  /// Splash.xaml 的交互逻辑
  /// 
  public partial class Splash : Window
  {
    MainWindow m_MainWindow = null;//主窗口
    CWorker m_Work = null;//任务

    public Splash()
    {
      InitializeComponent();
      m_MainWindow = new MainWindow();//创建主窗口对象
      m_Work = new CWorker();
      m_Work.BackgroundWork = this.ProcessDo;
      m_Work.BackgroundWorkerCompleted += new EventHandler(m_Work_BackgroundWorkerCompleted);
    }

    /// 

    /// 进度提示
    /// 
    public void ProcessDo()
    {
      m_MainWindow.InitData(this);
    }

    /// 

    /// 移动
    /// 
    /// 
    /// 
    private void Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
      this.DragMove();
    }

    /// 

    /// 窗口加载
    /// 
    /// 
    /// 
    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
      m_Work.BegionWork();
    }

    /// 

    /// 执行完成
    /// 
    /// 
    /// 
    void m_Work_BackgroundWorkerCompleted(object sender, BackgroundWorkerEventArgs e)
    {
      m_MainWindow.Show();
      this.Close();
    }

    /// 

    /// 赋值
    /// 
    /// 
    private delegate void SetProcessLabelDelegate(string text, double processValue);
    public void SetProcessValue(string text, double processValue)
    {
      if (!Dispatcher.CheckAccess())
      {
        Dispatcher.Invoke(DispatcherPriority.Send, new SetProcessLabelDelegate(SetProcessValue), text, processValue);
        return;
      }
      this.lblProcess.Content = text;
      this.ProgressControlRealValue.Value = processValue;
    }
  }
}

以上所述就是本文的全部内容了，希望大家能够喜欢。