WPF 进度条

2025年3月17日 | 阅读 3 分钟

当我们运行任何应用程序时,长时间运行的任务会使应用程序或软件无响应。这里,如果我们想让用户了解长时间运行任务的状态,并在长时间运行任务时保持应用程序的响应,我们可以使用不同类型的加载条,如下所示

  1. Progress Bar (进度条)
  2. 环形条

现在我们将讨论进度条。

引言

进度条为我们提供了控制,它显示操作正在运行的位置。在运行位置,进度条将如下面的屏幕截图所示

WPF Progress Bar

进度条的状态

  1. 确定型
  2. 不确定

1. 确定状态

在确定状态下,我们将知道操作已完成多少。

进度条的确定状态将如下面的屏幕截图所示

WPF Progress Bar

2. 不确定状态

当我们不确定耗时任务的执行时间时,就会出现不确定状态。进度条的不确定状态将如下面的屏幕截图所示

WPF Progress Bar

现在我们将编写代码来演示进度条控件的用法。 进度条标签显示了 WPF 中进度条的控件。

进度条的语法如下所示

<ProgressBar></ProgressBar>

进度条的 width 和 height 属性显示了进度条的宽度和高度。为了显示控件的名称,我们将使用 name 属性。 Name 被称为唯一标识符控件。 为了显示 ProgressBar 控件在父控件中的位置,使用 margin 属性。 为了设置水平和垂直对齐方式,我们将使用 HorizontalAlignment 属性和 VerticalAlignment 属性。

现在我们将编写代码来设置进度条的 name、height 和 width,如下所示

MainWindow.XAML

上述代码的输出如下所示

输出

WPF Progress Bar

设置进度条的值

ProgressBar 的 value 属性将设置 ProgressBar 控件的当前值。在下面的代码中,我们将 Value 属性设置为 60。

MainWindow.Xaml

之后,进度条将如下面的屏幕截图所示

输出

WPF Progress Bar

带有文本的进度条

WPF 进度条可以用进度条显示进度的文本表示。在 WPF 的帮助下,我们可以轻松完成此任务。

要在进度条中显示进程的状态,我们将编写以下代码

MainWindow.XAML

上述代码的输出显示在下面的屏幕截图中

输出

WPF Progress Bar

在这里,在上面的代码中,我们将进度条和文本块放在同一个网格中。在这里,我们将 TextBlock 放在 ProgressBar 的顶部。这正是我们想要的。在这里,TextBlock 默认具有透明的背景。

在这里,我们使用绑定来显示 TextBlock 包含与 ProgressBar 相同的值。

我们使用字符串“StringFormat”的特殊语法,借助它,我们将显示带有后缀百分比符号的值。

现在我们将以另一个使用 ProgressBar 的示例为例。现在我们将编写 XAML 代码来创建和初始化具有 IsIndetermine 属性的两个 ProgressBar 控件。

MainWindow.XAML

现在上述代码的输出将如下面的屏幕截图所示

输出

WPF Progress Bar