SimpleProgressBar

此页仅适用于 WPF 项目

进度栏是一类简单控件,应用程序可以使用该控件直观地指示长时间操作的进度。默认情况下,进度栏窗口会在操作过程中从左向右逐步填充。该控件有一个范围和一个当前位置。Microsoft Expression Blend 中的 SimpleProgressBar 仅支持水平方向的进度栏。

将 Value 属性设置为 10 之后的 SimpleProgressBar 控件的美工板视图

Cc295014.bd9d739a-60b1-4567-a583-499ae276e536(zh-cn,Expression.10).png

控件模板的分类详解

SimpleProgressBar 控件模板由下列项组成:

  • “网格”版式面板,用于存放进度栏中的多个子元素。同时,使用网格也是为了便于应用程序用户界面 (UI) 的设计人员向模板中添加更多元素。

  • 名为“PART_Track”的 Border 元素,用于显示要填充的栏区域。

  • 名为“PART_Indicator”的 Border 元素,用于显示已填充的栏区域。

    Cc295014.alert_caution(zh-cn,Expression.10).gif警告:

    请勿重命名名称以“PART_”开头的任何元素,因为在实现该控件的代码中引用了这些元素。

    对象视图:SimpleProgressBar 控件的基本部件(模板)

    Cc295014.b5286d59-8d29-41e0-9cbc-cdb1c5addfb1(zh-cn,Expression.10).png

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

使用的属性触发器

SimpleProgressBar 控件模板不使用任何触发器。所有控件行为均在代码中实现。

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

使用的画笔

SimpleProgressBar 模板使用 SimpleStyles.xaml 资源字典中的下列画笔资源:

  • 使用“PressedBrush”设置 PART_Track 元素的“Background”属性。

  • 使用“SolidBorderBrush”设置 PART_Track 元素的“BorderBrush”属性。

  • 使用“MouseOverBrush”设置 PART_Indicator 元素的“Background”属性。

  • 使用“NormalBorderBrush”设置 PART_Indicator 元素的“BorderBrush”属性。

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

最佳实用技巧和设计准则

  • 如果希望设计人员能够向控件中添加更多可视元素,通常可将网格控件用作模板的根元素。Expression Blend 会查找网格控件等版式面板,并且默认将其激活,从而使添加到美工板上的新元素最终成为该版式面板的子元素。

  • 如果需要,可以向 SimpleProgressBar 模板中添加触发器,或者修改 PART_Indicator 元素使进度栏看起来更有趣,但是请勿重命名名称以“PART_”开头的任何元素,因为在实现该控件的代码中引用了这些元素。

  • 有关如何将进度栏挂钩到操作进度的信息,请参阅有关 MSDN 上的 ProgressBar 概述文档(此链接可能指向英文页面)。

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-cn,Expression.10).gif返回页首

另请参见

概念

动手试验:自定义 SimpleProgressBar 的进度指示器