设置显示数据的控件的样式

将数据项绑定到美工板上的对象,从而显示数据。无论是将表示颜色十六进制值的字符串值绑定到 rectangleBackground 属性,还是将数据项集合绑定到 ListBoxItemsSource 属性,您都可以将数据项绑定到任何对象的属性。

若要设置显示数据的对象的样式,您可以修改对象的属性,或者,如果此对象支持模板,则可以修改应用于对象的模板之一。

在“属性”面板中修改对象的属性

在美工板上选择对象后,可以修改“属性”面板中的值,以更改对象的外观和其他方面。

例如,将对象绑定到数据之后,便可修改 DataGrid 对象中各列的列标题。

更改 DataGrid 对象中的列标题文本

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

或者,可以使用 DataGrid 对象中的“AlternatingRowBackground”属性来指定每个可选行的颜色。

更改 DataGrid 对象的可选行的颜色

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

有关如何修改对象的一般信息,请参阅使用对象和属性

有关单个对象的属性的特定信息,请参阅 MSDN 上 Windows Presentation Foundation(从 System.Windows.Controls Namespace Cc294682.xtlink_newWindow(zh-cn,Expression.40).png(System.Windows.Controls 命名空间)处开始)的类库主题和 Microsoft Silverlight(从 System.Windows.Controls Namespace Cc294682.xtlink_newWindow(zh-cn,Expression.40).png(System.Windows.Controls 命名空间)处开始)的类库主题。

修改应用于对象的模板之一

如果对象为使用模板的控件,则可以通过修改模板来更改该对象的外观以及其他使用相同模板的所有对象的外观。

大多数控件会将多个模板用于控件的不同组件。例如, ListBox 控件使用许多嵌套的模板来设置 ListBox 的以下每个组件的样式:滚动查看器、滚动条、滚动条的缩略图以及分页按钮。

ListBox 控件中的模板嵌套

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

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

ListBox 控件。 ListBox 控件是绑定到数据源中的项或显示个别未绑定对象的项列表的容器。

Cc294682.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(zh-cn,Expression.40).png

ListBox 模板内的 ScrollViewer 控件。

Cc294682.b36987f6-e914-4b58-99f2-a76c47128837(zh-cn,Expression.40).png

ListBox 控件中的未绑定项。

Cc294682.41999197-e26c-42b9-8039-58ce07f5b5ba(zh-cn,Expression.40).png

ScrollViewer 模板内的垂直 ScrollBar 控件。

Cc294682.a5d608f2-bba2-48c5-8b15-2c115db86acc(zh-cn,Expression.40).png

ScrollBar 模板内的垂直 Thumb 控件。

Cc294682.15de085f-48f5-41dd-a286-e3dcb4cfd18b(zh-cn,Expression.40).png

ScrollBar 模板内的垂直 RepeatButton 控件,可大幅度减小 ScrollBar 控件的值。

Cc294682.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(zh-cn,Expression.40).png

ScrollBar 模板内的垂直 RepeatButton 控件,可小幅度减小 ScrollBar 控件的值。

ListBox 控件还包括数据模板,可用其设置对象的每行中所显示项的样式。数据模板特定于绑定到对象的项。例如,如果将字符串数据项和图像数据项从“数据”面板拖到 ListBox 上,则数据模板中将包含用于显示字符串的 TextBlock 以及用于显示图像文件的 Image 。可以在数据模板中设置这些对象的样式。

绑定到数据的 ListBox 对象的数据模板

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

您可以使控件看起来与其默认外观大不相同。例如, ListBox 对象的默认外观类似于下图:

使用默认模板的 ListBox 对象

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

然而,您可通过修改模板使 ListBox 对象显示如下(来自 Microsoft Expression Blend 附带的 ColorSwatchSL 示例):

使用两个已修改模板(ItemContainerStyle 和 ItemsPanel)的 ListBox 对象

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

若要访问应用于对象的模板,请右键单击对象或选择对象,然后使用美工板顶部的痕迹导航栏。

使用痕迹导航栏打开模板

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

在模板内,您可按照与在模板外相同的方式添加、删除或修改对象。 ListBox 控件的功能仍然保持相同:它包含项的列表,您可以选择其中的一项或多项。

有关修改数据模板的具体示例,请参阅使用 DataGrid 控件使用 TreeView 控件

有关样式控件的一般信息,请参阅设置对象的样式

有关控件部件或模板部件的详细信息,请参阅常用 Silverlight 控件的样式提示,或参阅 MSDN 上 Windows Presentation Foundation(从 System.Windows.Controls Namespace Cc294682.xtlink_newWindow(zh-cn,Expression.40).png(System.Windows.Controls 命名空间)处开始)的类库主题和 Silverlight(从 System.Windows.Controls Namespace Cc294682.xtlink_newWindow(zh-cn,Expression.40).png(System.Windows.Controls 命名空间)处开始)的类库主题。

您也可以在 Learn Expression Blend Cc294682.xtlink_newWindow(zh-cn,Expression.40).png(了解 Expression Blend)中找到有关样式控件的教程和视频。

另请参阅

概念

ListBox 控件样式设置提示
SimpleListBox 和 SimpleListBoxItem
设置对象的样式

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。