WPF--模板化

WPF之模板化

数据模板

在本示例应用程序中，有一个绑定到照片列表的ListBox控件。

此ListBox当前的外观如下所示：

大多数控件都具有某种类型的内容，这些内容通常来自绑定到的数据。在本示例中，数据为照片列表。在WPF中，使用DataTemplate可以定义数据的可视表示形式。基本上，输入DataTemplate的内容决定了数据在呈现的应用程序中的外观。

在我们的示例应用程序中，每个自定义Photo对象都具有一个字符串类型的Source属性，该属性指定图像的文件路径。当前，照片对象显示为文件路径。

对于要显示为图像的照片，可以将DataTemplate作为资源创建：

注意，DataType属性与Style的TargetType属性非常相似。如果DataTemplate位于资源部分，并且将DataType属性指定为某个类型，也不为其分配x:Key，则只要该类型出现，便会应用DataTemplate。任何时候都可以为DataTemplate分配x:Key，然后将其设置为DataTemplate类型的属性（如ItemTemplate属性或ContentTemplate属性）的StaticResource。

实质上，上面示例的DataTemplate确定只要存在Photo对象，该对象就应作为Image显示在Border中。通过此DataTemplate，应用程序现在的外观如下：

数据模板化模型还提供其他功能。例如，如果要使用HeaderedItemsControl类型（如Menu或TreeView）显示包含其他集合的集合数据，则可以使用HierarchicalDataTemplate。另一个数据模板化功能是DataTemplateSelector，利用这一功能可以根据自定义逻辑选择要使用的DataTemplate。有关更多信息，请参见数据模板概述，该概述对不同的数据模板化功能进行了更加深入的讨论。

控件模板

注意，我们的照片显示为图片，我们要水平显示这些照片，而不是垂直显示；我们希望 ListBox 是水平的。

不使用 ControlTemplate

首先，要使ListBox水平，不一定要使用ControlTemplate，明确这一点很重要ListBox具有ItemsPanel属性，利用该属性可以设置ItemsPanelTemplate，即控制ListBox的项的布局的模板。一种方法是只创建Lis