共用方式為


SimpleProgressBar

本頁僅適用 WPF 專案

進度列是一種簡單控制項,可供應用程式以視覺方式指出冗長作業的進度。根據預設,進度列視窗會隨著作業進行而由左向右填滿。此控制項內容可分整個範圍和目前的位置。請注意,Microsoft Expression Blend 中的 SimpleProgressBar 僅支援水平方向的進度列。

Value 屬性設為 10 之後的 SimpleProgressBar 控制項的畫板檢視

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

深入控制項範本

SimpleProgressBar 控制項範本由下列項目組成:

  • [Grid] 版面配置面板:在進度列內用來存放多個子元素。Grid 可讓應用程式使用者介面 (UI) 設計師輕鬆地將更多元素新增至範本。

  • 名稱為 PART_Track 的 Border 元素:用來呈現要填滿的列區域。

  • 名稱為 PART_Indicator 的 Border 元素:用來呈現已填滿的列區域。

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

    請勿重新命名以 "PART_" 作為名稱開頭的任何元素,因為實作控制項的程式碼會參照這些元素。

    物件檢視:SimpleProgressBar 控制項的基本部分 (範本)

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

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

使用屬性觸發程序

SimpleProgressBar 控制項範本不使用觸發程序。所有控制項行為都在程式碼中實作。

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

使用筆刷

SimpleProgressBar 範本會使用 SimpleStyles.xaml 資源字典中的下列筆刷資源:

  • PART_Track 元素的 Background 屬性是使用 PressedBrush 來設定。

  • PART_Track 元素的 BorderBrush 屬性是使用 SolidBorderBrush 來設定。

  • PART_Indicator 元素的 Background 屬性是使用 MouseOverBrush 來設定。

  • PART_Indicator 元素的 BorderBrush 屬性是使用 NormalBorderBrush 來設定。

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

最佳作法與設計方針

  • 一般而言,如果您希望設計師在控制項上新增更多視覺元素,請使用 Grid 控制項作為範本的根。Expression Blend 會搜尋類似 Grid 控制項的版面配置面板,並且將它設為預設啟用,讓新增至畫板的新元素成為版面配置面板的子元素。

  • 若有需要,您可以將觸發程序新增至 SimpleProgressBar 範本,或修改 PART_Indicator 元素,讓進度列看起來更有趣,但請勿重新命名以 "PART_" 作為名稱開頭的任何元素,因為實作控制項的程式碼會參照這些元素。

  • 如需有關如何將進度列連接到作業進度的詳細資訊,請參閱 MSDN 文件庫上有關 ProgressBar 概觀 (英文) 的文件。

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(zh-tw,Expression.10).gif回到頁首

請參閱

概念

試試看:自訂 SimpleProgressBar 的進度指示器