共用方式為

SimpleScrollBar

  • 發行項

本頁僅適用 WPF 專案

捲軸是一種簡單的控制項，會根據 Value 屬性在捲軸位置中顯示標記。在 Microsoft Expression Blend 中，您可以在 [屬性] 面板的 [版面配置] 下使用 Orientation 屬性來設定捲軸的方向。您可以在 [屬性] 面板的 [一般屬性] 下，設定捲軸的 Minimum 、 Maximum 及目前的 Value 。目前的值必須介於最小值和最大值之間。

SimpleScrollBar 控制項的畫板檢視

Cc295211.db3af5e5-8b09-42e7-b541-543b3b2bbcb3(zh-tw,Expression.40).png

深入控制項範本

SimpleScrollBar 控制項範本由下列項目組成：

  • 名稱為 GridRoot 的 Grid 面板：在捲軸內用來放多個子物件。 Grid 可讓您更輕鬆地將更多物件新增至範本。 Grid 會分割成三列，最上和最下列已設定大小上限，因此不會擴展到超過 18 個像素 (與裝置無關的單位，約為 1/96 英吋)；而中間那一列的大小則設為星號 (*)，表示會在視窗擴展時一併擴展。

  • 名稱為 DecreaseRepeat 和 IncreaseRepeat 的兩個 RepeatButton 物件：在捲軸上用來移動位置標記。 RepeatButton 物件包含的內容會顯示箭號。同樣地， Grid 會當作這些物件的根，因此使用者可以輕鬆地編輯 Path 物件 (名稱為 DecreaseArrow 和 IncreaseArrow ) 以及新增其他內容。

  • 名稱為 PART_Track 的 Track 物件：用來顯示沿著捲軸的 Thumb 物件。顯示的捲軸部分會加倍，變成名為 PageDown 和 PageUp 的 RepeatButtons 。這兩個物件都使用可個別編輯的 SimpleScrollRepeatButtonStyle 範本。追蹤的 IncreaseRepeatButton 和 DecreaseRepeatButton 區段會使用 Command 繫結，因此可以在捲軸類別上呼叫命令。 Thumb 物件會使用可個別編輯的 SimpleThumbStyle 範本。

  • 版面配置轉換 ：用來顯示水平方向的滑桿。這項設計讓您更輕鬆編輯樣式而不需費力編輯兩個不同範本，省事許多。不過，如果需要使用兩個差異極大的方向，則需要不同的範本。在這種情況下，您可以在 Expression Blend 的 [XAML] 檢視中，於 Style 元素內使用 Setter 元素，根據方向切換範本。系統 ScrollBar 控制項的預設範本中可以找到這種情形的範例。

    Caution note警告：

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

使用屬性觸發程序

控制項範本中的屬性觸發程序，可讓控制項回應屬性變更。您可以按一下 [觸發程序] 面板中的項目，檢視觸發程序啟動時變更的屬性。例如在 SimpleScrollBar 範本中，當 Orientation 屬性為 Horizontal 時，就會變更多個屬性以反映進度列的新方向。

使用筆刷

SimpleScrollBar 範本只會對 Foreground 屬性使用一個系統筆刷資源。 SimpleScrollBar 使用的範本 (例如 SimpleRepeatButton 、 SimpleThumbStyle 和 SimpleScrollRepeatButtonStyle 範本) 中會參照其他筆刷資源。若要變更 SimpleScrollBar 的外觀，您可以修改這些範本所使用的筆刷，或建立新的範本。

最佳作法與設計方針

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

  • 您可以將 SimpleScrollBar 範本套用至 ScrollViewer 的範本中使用的捲軸。

  • 由於 SimpleScrollBar 範本會使用其他範本，因此逐層查看各種範本以找到您要變更的項目會很辛苦。若要直接編輯範本，您可以在 [資源] 面板中，按一下範本名稱旁的 [編輯資源] 按鈕。接著，在樣式的編輯模式中，以滑鼠右鍵按一下 [物件與時間軸] 面板中的 [Style]，指向 [編輯範本]，然後按一下 [編輯目前的項目]。或者，更簡單的方法是直接刪除對子範本的參照 (在 [屬性] 面板的 [雜項] 下重設 Style 屬性)，然後在一個範本中設計所有的項目。

  • 為了讓控制項正常運作，您必須在控制項的類別上保留會引發命令的命令繫結，並提供另一種方法在控制項和代表該控制項的類別之間建立合約。這些繫結存在於 IncreaseRepeat 、 DecreaseRepeat 、 PageUp 和 PageDown 物件的 Command 屬性中，以及 Orientation=Horizontal 觸發程序中。

  • 如果需要，可新增觸發程序至 SimpleScrollBar 範本，或修改 PART_Track 物件中的物件，讓捲軸看起來更不一樣。如果這麼做，請勿將 PART_Track 物件或它的任何一個子物件重新命名，因為實作控制項的程式碼會參照這些物件。 PART_Track 物件能夠找到其組件，因為這些組件都放在特定控制項標題下： Track.IncreaseRepeatButton 、 Track.DecreaseRepeatButton 和 Track.Thumb 。 Thumb 也是可拖曳的特殊 Windows Presentation Foundation (WPF) 控制項。

另請參閱

工作

試試看：自訂 SimpleScrollBar 的外觀

Copyright © 2011 by Microsoft Corporation. All rights reserved.