指定顯示資料之控制項的樣式

  • 發行項

資料是透過將資料的項目繫結至畫板上的物件來顯示。您可以將資料的項目繫結至任何物件的屬性，不論是將代表色彩之十六進位值的字串值繫結至 rectangle 的 Background 屬性，或是將資料項目的集合繫結至 ListBox 的 ItemsSource 屬性。

若要設定可顯示資料之物件的樣式，您可以修改物件的屬性，或修改任何一個套用至物件的範本 (若物件支援範本)。

在屬性面板中修改物件的屬性

在畫板上選取物件時，您可以在 [屬性] 面板中修改值以變更物件的外觀或其他特性。

例如，將物件繫結至資料後，您可以修改 DataGrid 物件中每個欄的欄標題。

變更 DataGrid 物件中的欄標題文字

Cc294682.a2cebe0b-dc3d-45d5-9a30-23639e4bef48(zh-tw,Expression.40).png

此外，您可以使用 DataGrid 物件中的 [AlternatingRowBackground] 屬性指定每個隔行資料列的色彩。

變更 DataGrid 物件的隔行資料列色彩

Cc294682.0547a4e7-d415-4589-99af-dbfdc369a793(zh-tw,Expression.40).png

如需修改物件的一般資訊，請參閱使用物件和屬性。

如需個別物件之屬性的特定資訊，請參閱 MSDN 的 Windows Presentation Foundation 類別庫主題 (從 System.Windows.Controls 命名空間 Cc294682.xtlink_newWindow(zh-tw,Expression.40).png開始) 與 Microsoft Silverlight (從 System.Windows.Controls Namespace Cc294682.xtlink_newWindow(zh-tw,Expression.40).png (System.Windows.Controls 命名空間) 開始)。

修改任一個套用至物件的範本

如果物件是使用範本的控制項，您可以修改範本以變更該物件的外觀，以及其他所有使用相同範本的物件外觀。

大多數的控制項都使用多個範本來處理控制項的不同部分。例如， ListBox 控制項使用許多巢狀範本來設定 ListBox 各部分的樣式：捲動檢視器、捲軸、捲軸的指標及分頁按鈕。

ListBox 控制項中範本的巢狀項目

Cc294682.b8a37dc0-a65e-4fe1-8a9f-df485bb1bbae(zh-tw,Expression.40).png

Cc294682.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(zh-tw,Expression.40).png

ListBox 控制項。此 ListBox 控制項是項目清單的容器，已繫結至資料來源中的項目，或是會顯示個別的未繫結物件。
Cc294682.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(zh-tw,Expression.40).png

ListBox 範本內的 ScrollViewer 控制項。
Cc294682.b36987f6-e914-4b58-99f2-a76c47128837(zh-tw,Expression.40).png

ListBox 控制項中的未繫結項目。
Cc294682.41999197-e26c-42b9-8039-58ce07f5b5ba(zh-tw,Expression.40).png

ScrollViewer 範本內的垂直 ScrollBar 控制項。
Cc294682.a5d608f2-bba2-48c5-8b15-2c115db86acc(zh-tw,Expression.40).png

ScrollBar 範本內的垂直 Thumb 控制項。
Cc294682.15de085f-48f5-41dd-a286-e3dcb4cfd18b(zh-tw,Expression.40).png

ScrollBar 範本內的垂直 RepeatButton 控制項，用來以較大的增量減少 ScrollBar 控制項的值。
Cc294682.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(zh-tw,Expression.40).png

ScrollBar 範本內的垂直 RepeatButton 控制項，用來以較小的增量減少 ScrollBar 控制項的值。

ListBox 控制項還包括資料範本，可用來設定顯示在物件各列中的項目樣式。資料範本需視繫結至物件的項目而定。例如，如果您從 [資料] 面板將字串資料項目與影像資料項目拖曳至 ListBox 上，資料範本將含有可顯示字串的 TextBlock 與可顯示影像檔案的 Image 。您可以在資料範本中設定這些物件的樣式。

繫結至資料之 ListBox 物件的資料範本

Cc294682.25738f24-f008-4283-9172-de0a0fbd81bf(zh-tw,Expression.40).png

您可以製作與預設外觀差異甚大的控制項。例如，下圖為 ListBox 物件的預設外觀：

使用預設範本的 ListBox 物件

Cc294682.f3190de1-098e-4dc0-bc1d-4a44d091685f(zh-tw,Expression.40).png

不過，修改範本後，您可以使 ListBox 物件的外觀成為下圖中的範例 (來自 Microsoft Expression Blend 隨附的 ColorSwatchSL 範例)：

修改過兩個範本 (ItemContainerStyle 與 ItemsPanel) 的 ListBox 物件

Cc294682.0a581ba0-08e1-4116-91bf-d1309c645ae0(zh-tw,Expression.40).png

若要存取套用至物件的範本，請以滑鼠右鍵按一下物件，或選取物件後再使用畫板頂端的階層連結列。

使用階層連結列開啟範本

Cc294682.a7257528-6a90-47ac-8c31-ad3422395f38(zh-tw,Expression.40).png

在範本內，您可以新增、移除及修改物件，如同在範本外一樣。 ListBox 控制項的功能維持不變：包含一或多個可選取項目的清單。

如需修改資料範本的特定範例，請參閱使用 DataGrid 控制項與使用 TreeView 控制項。

如需設定控制項樣式的一般資訊，請參閱指定物件的樣式。

如需控制項或範本之組件詳細資訊，請參閱一般 Silverlight 控制項的樣式提示或 MSDN 的 Windows Presentation Foundation 類別庫主題 (從 System.Windows.Controls 命名空間 Cc294682.xtlink_newWindow(zh-tw,Expression.40).png開始) 與 Silverlight (從 System.Windows.Controls Namespace Cc294682.xtlink_newWindow(zh-tw,Expression.40).png (System.Windows.Controls 命名空間) 開始)。

您可以在 Learn Expression Blend Cc294682.xtlink_newWindow(zh-tw,Expression.40).png (瞭解 Expression Blend) 找到與設定控制項樣式相關的教學課程及視訊。

另請參閱

概念

ListBox 控制項樣式提示
SimpleListBox 及 SimpleListBoxItem
指定物件的樣式

Copyright © 2011 by Microsoft Corporation. All rights reserved.