仿vs實現(xiàn)WPF好看的進度條

更新時間：2015年06月09日 12:03:04 投稿：hebedich

由于WPF自帶的進度條其實不怎么好看，而且沒啥視覺效果。下面給大家分享的是仿VS的進度條效果的代碼，有需要的小伙伴可以參考下。

為了界面友好，一般的操作時間較長時，都需要增加進度條提示。由于WPF自帶的進度條其實不怎么好看，而且沒啥視覺效果。后來，裝VS2012時，發(fā)現(xiàn)安裝過程中進度條效果不錯，于是上網(wǎng)查了資料。學習了ModernUI（開源的），地址：https://github.com/firstfloorsoftware/mui。

　　后來，做了嘗試寫了個Demo，效果不錯。另外，專門錄制了tif文件，方便大家看到效果。廢話不多說，先展示效果：

一、效果展示

　　A、VS2012安裝界面圖；

　　B、個人嘗試Demo效果圖：　

二、實現(xiàn)說明

　　1、下載MUI相關(guān)代碼或者dll文件；

　　2、工程中引入該dll，并引入其資源文件；

復制代碼代碼如下:

<Application.Resources>

        <ResourceDictionary>

            <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="/FirstFloor.ModernUI;component/Assets/ModernUI.xaml" />

                <ResourceDictionary Source="/FirstFloor.ModernUI;component/Assets/ModernUI.Light.xaml"/>

            </ResourceDictionary.MergedDictionaries>

        </ResourceDictionary>

    </Application.Resources>

　　3、在需要顯示進度條的頁面，加入控件（其實還是WPF控件，只是MUI擴展了其樣式而已）；

復制代碼代碼如下:

<Label Margin="280,169,0,0" Style="{StaticResource BackGroundContentText}" x:Name="lblMainState" HorizontalAlignment="Left" VerticalAlignment="Top">正在啟動:</Label>

        <ProgressBar Margin="280,200,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Minimum="0" x:Name="ProgressControlRealValue" Maximum="1"  Value="0.1" Height="16" IsIndeterminate="False"/>

        <Label Margin="280,212,0,0" Style="{StaticResource BackGroundContentText}" x:Name="lblProcess" HorizontalAlignment="Left" VerticalAlignment="Top">正在加載地圖數(shù)據(jù)...</Label>

        <ProgressBar Margin="280,250,0,0" HorizontalAlignment="Left" VerticalAlignment="Top"  Minimum="0" x:Name="ProgressControl"  Width="500" Maximum="2" Height="16" IsIndeterminate="True" />

　　4、后臺實現(xiàn)，由于要根據(jù)情況更新進度文字及進度條的值。所以，這里用到了異步BackgroundWorker（具體可以網(wǎng)上查查相關(guān)資料）；

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

namespace Monitor.Class
{
  /// <summary>
  /// 異步操作
  /// </summary>
  public class CWorker
  {
    /// <summary>
    /// 對象
    /// </summary>
    private BackgroundWorker backgroundWorker;

    /// <summary>
    /// 后臺執(zhí)行的操作
    /// </summary>
    public Action BackgroundWork { get; set; }

    /// <summary>
    /// 后臺任務執(zhí)行完畢后事件
    /// </summary>
    public event EventHandler<BackgroundWorkerEventArgs> BackgroundWorkerCompleted;

    private BackgroundWorkerEventArgs _eventArgs;//異常參數(shù)

    /// <summary>
    /// 構(gòu)造
    /// </summary>
    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);
    }

    /// <summary>
    /// 開始工作
    /// </summary>
    public void BegionWork()
    {
      if (backgroundWorker.IsBusy)
        return;
      backgroundWorker.RunWorkerAsync();
    }

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

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

  /// <summary>
  /// 事件
  /// </summary>
  public class BackgroundWorkerEventArgs : EventArgs
  {
    /// <summary>
    /// 后臺程序運行時拋出的異常
    /// </summary>
    public Exception BackGroundException { get; set; }
  }
}

namespace Monitor
{
  /// <summary>
  /// Splash.xaml 的交互邏輯
  /// </summary>
  public partial class Splash : Window
  {
    MainWindow m_MainWindow = null;//主窗口
    CWorker m_Work = null;//任務

    public Splash()
    {
      InitializeComponent();
      m_MainWindow = new MainWindow();//創(chuàng)建主窗口對象
      m_Work = new CWorker();
      m_Work.BackgroundWork = this.ProcessDo;
      m_Work.BackgroundWorkerCompleted += new EventHandler<BackgroundWorkerEventArgs>(m_Work_BackgroundWorkerCompleted);
    }

    /// <summary>
    /// 進度提示
    /// </summary>
    public void ProcessDo()
    {
      m_MainWindow.InitData(this);
    }

    /// <summary>
    /// 移動
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
      this.DragMove();
    }

    /// <summary>
    /// 窗口加載
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
      m_Work.BegionWork();
    }

    /// <summary>
    /// 執(zhí)行完成
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    void m_Work_BackgroundWorkerCompleted(object sender, BackgroundWorkerEventArgs e)
    {
      m_MainWindow.Show();
      this.Close();
    }

    /// <summary>
    /// 賦值
    /// </summary>
    /// <param name="text"></param>
    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;
    }
  }
}

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: