WPF輕松實現(xiàn)進度條的示例代碼

更新時間：2024年12月05日 09:17:09 作者：小碼編匠

WPF中的ProgressBar控件用于表示任務進度,適用于文件下載、數(shù)據(jù)處理等場景,本文將通過XAML和C#代碼展示如何創(chuàng)建一個基本的WPF進度條,并演示如何通過事件處理程序更新進度條的值來模擬耗時操作,感興趣的小伙伴跟著小編一起來看看吧

前言

本文講述如何在軟件啟動和窗體按鈕操作時彈出進度條。

運行環(huán)境：Win10、VS2022

一、新建WPF項目

二、新建WPF窗體。

1、新建窗體，取名DefProcessBar.xaml。

2、設置窗體屬性、樣式。

<Window x:Class="WpfApp4.DefProcessBar"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp4"
        mc:Ignorable="d"
        Title="DefProcessBar" Width="300" Height="50"
        WindowStartupLocation="CenterScreen"
        WindowStyle="None" AllowsTransparency="True" Background="Transparent" ShowInTaskbar="False" ResizeMode="NoResize">

2.1、WindowStartupLocation="CenterScreen"是窗體在屏幕中間顯示；

2.2、WindowStyle="None"是不要窗體頂部內容；

2.3、AllowsTransparency="True"是允許窗體透明；

2.4、Background="Transparent"是設置透明背景；

2.5、ShowInTaskbar="False"是指示此窗口是否出現(xiàn)在任務欄；

2.6、ResizeMode="NoResize"是不可調節(jié)窗體大小。

3、添加進度消息和進度條。

<Grid.RowDefinitions>
    <RowDefinition Height="25"></RowDefinition>
    <RowDefinition Height="25"></RowDefinition>
</Grid.RowDefinitions>

<TextBlock Grid.Row="0" Name="txtTitle" FontSize="16" Foreground="Yellow" HorizontalAlignment="Left" TextWrapping="Wrap" Margin="10, 0,0,0"></TextBlock>
<ProgressBar Grid.Row="1" x:Name="progressBar" Maximum="100" Height="25" Width="300" Foreground="Green" Background="LightGray" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"/>

4、添加 DefProcessBar.xaml.cs 代碼

/// <summary>
/// DefProcessBar.xaml 的交互邏輯
/// </summary>
public partial class DefProcessBar : Window
{
    public DefProcessBar()
    {
        InitializeComponent();
    }

    public void ShowProcess(int process, string title = "")
    {
        progressBar.Dispatcher.Invoke(() =>
        {
            this.txtTitle.Text = title;
            this.progressBar.Value = process;
        });
    }

    public void SetProcess(DefProcessBar defProcessBar, int process, string title = "")
    {
        if (process > 100)
        {
            process = 100;
        }
        else if (process < 0)
        {
            process = 0;
        }
        title += $" ({process}%)";
        defProcessBar.ShowProcess(process, title);
    }
}

三、在 App.xaml.cs 中使用

/// <summary>
/// App.xaml 的交互邏輯
/// </summary>
public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        Application.Current.ShutdownMode = System.Windows.ShutdownMode.OnExplicitShutdown;

        bool isFinish = false;

        //DialogWait defProcessBar = new DialogWait();
        DefProcessBar defProcessBar = new DefProcessBar();
        Task.Run(() =>
        {
            defProcessBar.SetProcess(defProcessBar, 20, "啟動中，請稍后...");　　　　　　  // 寫入實際處理代碼
            Thread.Sleep(500);
            defProcessBar.SetProcess(defProcessBar, 40, "啟動中，請稍后...");
            Thread.Sleep(500);
            defProcessBar.SetProcess(defProcessBar, 60, "啟動中，請稍后...");
            Thread.Sleep(500);
            defProcessBar.SetProcess(defProcessBar, 80, "啟動中，請稍后...");
            Thread.Sleep(500);

            defProcessBar.Dispatcher.Invoke(() =>
            {
                defProcessBar.Close();
            });
        });
        defProcessBar.ShowDialog();

        if (isFinish)
        {
            base.OnStartup(e);
            Application.Current.ShutdownMode = ShutdownMode.OnMainWindowClose;
        }
        else
        {
            this.Shutdown();
        }
    }
}

啟動軟件查看效果。

四、在主窗體 MainWindow 中彈出進度條。

1、添加按鈕。

2、添加按鈕事件處理。

private void Button_Click(object sender, RoutedEventArgs e)
{
    DefProcessBar defProcessBar = new DefProcessBar();
    Task.Run(() =>
    {
        defProcessBar.SetProcess(defProcessBar, 20, "啟動中，請稍后...");
        Thread.Sleep(500);
        defProcessBar.SetProcess(defProcessBar, 40, "啟動中，請稍后...");
        Thread.Sleep(500);
        defProcessBar.SetProcess(defProcessBar, 60, "啟動中，請稍后...");
        Thread.Sleep(500);
        defProcessBar.SetProcess(defProcessBar, 80, "啟動中，請稍后...");　　　　  //寫入實際處理代碼
        Thread.Sleep(500);

        defProcessBar.Dispatcher.Invoke(() =>
        {
            defProcessBar.Close();
        });
    });
    defProcessBar.ShowDialog();
}

3、效果跟軟件啟動時一樣。

缺點：所有邏輯必須放到異步處理。