程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> 仿vs實現WPF好看的進度條

仿vs實現WPF好看的進度條

編輯:關於ASP.NET

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

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

      一、效果展示

      A、VS2012安裝界面圖;

      B、個人嘗試Demo效果圖:

      二、實現說明

      1、下載MUI相關代碼或者dll文件;

      2、工程中引入該dll,並引入其資源文件;

      復制代碼 代碼如下:

      

      

      

      

      

      

      

      

      3、在需要顯示進度條的頁面,加入控件(其實還是WPF控件,只是MUI擴展了其樣式而已);

      復制代碼 代碼如下:

      

      

      4、後台實現,由於要根據情況更新進度文字及進度條的值。所以,這裡用到了異步BackgroundWorker(具體可以網上查查相關資料);

      ?

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 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> /// 後台執行的操作 /// </summary> public Action BackgroundWork { get; set; }   /// <summary> /// 後台任務執行完畢後事件 /// </summary> public event EventHandler<BackgroundWorkerEventArgs> BackgroundWorkerCompleted;   private BackgroundWorkerEventArgs _eventArgs;//異常參數   /// <summary> /// 構造 /// </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; } } }

      ?

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 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();//創建主窗口對象 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> /// 執行完成 /// </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; } } }

      以上所述就是本文的全部內容了,希望大家能夠喜歡。

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved