SimpleScrollViewer

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

SimpleScrollViewer 控制項的畫板檢視

深入控制項範本

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

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

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

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

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

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

  

回到頁首

使用屬性觸發程序

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

回到頁首

使用筆刷

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

回到頁首

最佳作法與設計方針

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

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

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

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

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

回到頁首