SimpleScrollViewer

本頁僅適用 WPF 專案

捲動檢視器是一種在可捲動的區域中顯示內容的「內容控制項」。在 Microsoft Expression Blend 中,按兩下捲動檢視器並將元素拖曳至檢視器中,就可以將內容放入捲動檢視器。若要在捲動檢視器中放置多個元素,則必須先新增版面配置面板 (例如 [格線] 或 [畫布])。捲動檢視器預設也可以顯示文字;若要編輯文字,您可以選取捲動檢視器,然後在 [屬性] 面板的 [一般屬性] 下修改 [Content] 屬性。若要將捲動檢視器中的元素放在超出捲動檢視器邊界之外的位置,您必須在 [屬性] 面板的 [版面配置] 下設定 [進階屬性選項] 中的位置屬性。預設會顯示垂直捲軸。若要顯示水平捲軸,請將 [HorizontalScrollBarVisibility] 屬性設為 [Visible]。

SimpleScrollViewer 控制項的畫板檢視

Cc295291.0f9eba2b-ac29-4bc1-8cdb-9d32dc717992(zh-tw,Expression.10).png

深入控制項範本

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

  • [Grid] 版面配置面板:在捲動檢視器中用來存放多個子元素。Grid 可讓應用程式使用者介面 (UI) 設計師輕鬆地將更多元素新增至範本。[Grid] 面板中容納 ScrollContentPresenter 的列和欄的大小會設為星號 (*),表示會在捲動檢視器擴展時一併擴展。[Grid] 面板中容納捲軸的列和欄會根據捲軸所需的大小來自動調整大小。

  • ScrollContentPresenter 元素:用來顯示套用此範本之捲軸的 Content 屬性。此元素必須存在,才能顯示捲軸的內容。

  • 名稱為 PART_HorizontalScrollBar 和 PART_VerticalScrollBar 的兩個 ScrollBar 元素:用來捲動內容。捲軸預設會使用 SimpleScrollBarStyle 範本。

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

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

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

    Cc295291.ce27ad4d-055a-4d08-b6ee-f83fd4836820(zh-tw,Expression.10).png

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

使用屬性觸發程序

控制項範本中的屬性觸發程序,可讓控制項回應屬性變更。您可以在 [互動] 面板中,按一下 [觸發程序] 底下的項目,檢視觸發程序啟動時變更的屬性。例如在 SimpleScrollViewer 範本中,當 IsMouseOver 屬性變成 True 時,Border 元素的背景色彩就會變更為 MouseOverBrush 資源。

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

使用筆刷

SimpleScrollViewer 範本不會使用 SimpleStyles.xaml 資源字典中的任何筆刷資源。反之,Background 屬性會透過範本繫結至此範本套用之滑桿控制項的 Background 屬性。

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

最佳作法與設計方針

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

  • SimpleScrollViewer 的內容會由 ScrollContentPresenter 元素顯示,而該元素會自動將內容繫結至套用此範本之 ScrollViewer 的 Content 屬性。要讓 SimpleScrollViewer 顯示內容,必須具備 ScrollContentPresenter 元素。

  • 捲動檢視器控制項可以控制捲軸的可見度,因為範本會繫結至指定可見度的屬性。這個繫結關係可讓捲軸視情況來自動隱藏或顯示。您可以在捲動檢視器控制項或範本中,設定捲軸可見度的預設值。

  • 為了讓捲動檢視器能正確運作,必須保留所有範本繫結。也請注意,不可變更名為 PART_HorizontalScrollBar 和 PART_VerticalScrollBar 的捲軸,因為控制項類別中的程式碼會使用這些名稱。

  • 您可以將現有的捲軸範本套用至捲動檢視器範本中的捲軸,方法是以滑鼠右鍵按一下捲軸 (名稱為 PART_HorizontalScrollBar 和 PART_VerticalScrollBar),依序指向 [編輯控制項組件 (範本)] 和 [套用資源],然後按一下捲軸範本的名稱。請注意,範本的方向必須符合捲軸的方向。

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