ScrollViewer 控制項樣式提示

ScrollViewer 控制項代表顯示可捲動檢視區域的物件。任何物件均可放置在檢視區域中。例如，ListBox 範本中含有一個 ScrollViewer 控制項，該控制項包含可顯示項目清單的 ItemsPresenter。

如同所有控制項一樣，ScrollViewer 控制項可修改為與其預設外觀非常不同。ScrollViewer 控制項的預設外觀如下：

相關的 ScrollViewer 控制項屬性

若要隱藏或顯示 ScrollViewer 控制項中的 ScrollBar 物件，請設定 [HorizontalScrollBarVisibility] 與 [VerticalScrollBarVisibility] 屬性 (在按一下 [屬性] 面板之 [版面配置] 類別底部的 [顯示進階屬性]  後即會出現)。

您可以用下列方式設定這些屬性：

• 設定物件的屬性   在畫板上繪製 ScrollViewer 物件後，您可以直接設定物件的屬性。如果希望數個 ScrollViewer 控制項使用相同的值，可在樣式中設定這些屬性。

• 在樣式中設定屬性   如果您在 ScrollViewer 物件的樣式 中設定這些屬性，任何使用該樣式的 ScrollViewer 物件都會使用這些值。您可以覆寫特定物件的值。

  如需詳細資訊，請參閱建立樣式。

若要在 ScrollViewer 控制項中顯示項目，請在 [物件與時間軸] 下加以選取使其成為使用中的容器，然後再繪製新物件或將現有物件移至 ScrollViewer 控制項中。

如果您想要讓 ScrollViewer 控制項顯示資料集合中的項目，請考慮改用 ListBox 控制項。

如需詳細資訊，請參閱將物件繫結至資料與建立範例資料。

ScrollViewer 範本的組件

ScrollViewer 控制項使用一個範本來定義其外觀：ScrollViewer 範本。這個範本的每個組件都會影響套用範本之 ScrollViewer 物件的外觀和行為。

範本中可以有其他用來裝飾 ScrollViewer 控制項外觀的物件，但是下表列出的是在合約中與控制項行為繫結的組件。

若要檢視範本的組件，請在修改範本時開啟 [組件] 面板。

組件名稱	物件類型	描述
ScrollContentPresenter	ScrollContentPresenter	此物件可顯示 ScrollViewer 控制項的內容。 此組件為強制組件。
HorizontalScrollBar	ScrollBar	位於 ScrollViewer 控制項底部的 ScrollBar 物件。
VerticalScrollBar	ScrollBar	位於 ScrollViewer 控制項右側的 ScrollBar 物件。

ScrollViewer 控制項的狀態

根據預設，ScrollViewer 控制項沒有定義任何狀態。您可以建立自己的狀態，或使用範本內包含 ScrollViewer 控制項之控制項的狀態，例如 ListBox 控制項。

如需詳細資訊，請參閱定義使用者控制項的不同視覺狀態和切換時間與ListBox 控制項樣式提示。

將物件轉換成 ScrollViewer 控制項

若要修改 ScrollViewer 控制項的範本，請執行下列一項動作：

• 在畫板上繪製 [ScrollViewer ] 控制項 ，然後再建立預設範本的複本。

  如需詳細資訊，請參閱建立或修改範本。

• 藉由繪製物件或匯入圖案來設計 ScrollViewer 控制項的外觀，然後再使用 [變成控制項] 命令。

如果使用 [變成控制項] 命令，請依照下列步驟，確保您會建立 ScrollViewer 範本需要的所有物件：

1. 將要用來定義 Slider 控制項外觀的所有物件群組成 [格線] 版面配置面板。

2. 選取新的 Grid 物件，然後在 [工具] 功能表上，按一下 [變成控制項]。

3. 在出現的對話方塊中，選取 [ScrollViewer]、為範本命名，然後選取範本的儲存位置。

   如需有關位置的詳細資訊，請參閱建立資源。

4. 在您按一下 [確定] 之後，Microsoft Expression Blend 便會進入範本編輯模式，並顯示組成垂直 ScrollViewer 控制項的物件。您可以在這個模式中繼續修改範本。例如，新增或修改物件，或是選取 [狀態] 面板中的狀態，以修改範本在該狀態時的外觀。

5. 刪除原本在範本中建立的 [ContentPresenter] 物件。

6. 若要新增指派給範本之 ScrollContentPresenter 組件的物件，請按兩下 [組件] 面板中的 [ScrollContentPresenter]。將新的 ScrollContentPresenter 物件移至需要的位置。

   秘訣：
   您也可以在將物件轉換為 ScrollViewer 控制項之前，新增 ScrollContentPresenter 物件並重新命名為 [ScrollContentPresenter]。當 [變成控制項] 命令將物件轉換為控制項時，和範本組件具有相同名稱與類型的物件會自動轉換為該組件。如果沒有可用的物件，組件會出現在 [組件] 面板中，而旁邊的 圖示指出未使用該組件。 如需詳細資訊，請參閱將範本組件指派給物件。

7. 如果您有想用於範本之 HorizontalScrollBar 與 VerticalScrollBar 組件的圖案或其他物件，請執行下列動作：

   1. 將每一組物件群組成版面配置面板。

   2. 以滑鼠右鍵按一下其中一個新的版面配置面板，然後指向 [變成 ScrollViewer的組件]，再按一下 [HorizontalScrollBar] 或 [VerticalScrollBar]。

      這會以 ScrollBar 物件取代您的物件，並使用您的物件來建立要套用在 ScrollBar 物件的樣式與範本。

   3. 在 [變成組件] 對話方塊中，輸入即將建立之 ScrollBar 樣式的名稱，再選取儲存樣式的位置，然後按一下 [確定]。

   4. 在新 ScrollBar 物件的範本編輯模式中，您可以繼續修改物件。

      如需詳細資訊，請參閱ScrollBar 控制項樣式提示。

   若要返回 ScrollViewer 的範本編輯模式，請在 [物件與時間軸] 面板中按一下 [將範圍傳回] ，或在畫板頂端的階層連結列中按一下 [HorizontalScrollBar] 或 [VerticalScrollBar]。

8. 請考慮使用範本繫結功能，將範本中物件的下列屬性繫結最終使用該範本之 ScrollViewer 物件的下列屬性：

   • Visibility   進行範本繫結以將此屬性繫結至 [Visible] 屬性。

   • Maximum   進行範本繫結以將此屬性繫結至 [Width] 屬性 (適用於 [HorizontalScrollBar] 物件)，或 [Height] 屬性 (適用於 [VerticalScrollBar] 物件)。

   如需詳細資訊，請參閱完成範本的物件屬性。

9. 請考慮在範本中繫結一些筆刷屬性：

   • Background

   • BorderBrush

   • BorderThickness

10. 若要結束範本編輯模式，請按一下畫板頂端階層連結列中的 [ScrollViewer]，或按一下 [物件與時間軸] 面板中的 [將範圍傳回] 。

    如需將新 ScrollViewer 範本套用至其他 ScrollViewer 物件的詳細資訊，請參閱套用或移除資源。

參照

您可以在 MSDN 的 Silverlight Control Gallery (Silverlight 控制項陳列庫) 中找到有關 Microsoft Silverlight ScrollViewer 控制項之屬性與事件的詳細資訊。

請參閱

概念

一般 Silverlight 控制項的樣式提示

設定支援範本之控制項的樣式

SimpleScrollBar