Шаблоны данных

Шаблон данных – механизм для настройки отображения объектов заданного типа. Любой шаблон данных – это объект System.Windows.DataTemplate. Основное свойство шаблона данных – VisualTree. Оно содержит визуальный элемент, определяющий внешний вид шаблона. При формировании VisualTree обычно используется привязка данных для извлечения информации из объекта, для которого применяется шаблон. Сам шаблон данных, как правило, размещают в ресурсах окна или приложения.

Рассмотрим пример использования шаблонов данных. Пусть имеется объект класса Person, описанный в ресурсах окна и являющийся содержимым окна:

// класс Person объявлен в пространстве имён WpfTemplates

public class Person

{

public string Name { get; set; }

public double Age { get; set; }

}

<Window x:Class="WpfTemplates.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:WpfTemplates"

Width="400" Height="160" Title="WPF Templates">

<Window.Resources>

<local:Person x:Key="smith" Name="Mr. Smith" Age="27.3" />

</Window.Resources>

<Window.Content>

<StaticResourceExtension ResourceKey="smith" />

</Window.Content>

</Window>

Рис. 45. Показ объекта Person без шаблона данных.

Определим для Person шаблон данных. У класса DataTemplate имеется свойство DataType, устанавливающее тип, к которому будет применяться шаблон. Если задано это свойство, шаблон будет использоваться в любой ситуации, где нужно отобразить объект.

<!-- остальное описание окна не изменилось -->

<Window.Resources>

<local:Person x:Key="smith" Name="Mr. Smith" Age="27.3" />

<DataTemplate DataType="{x:Type local:Person}">

<Border Name="bord" BorderBrush="Aqua" BorderThickness="2"

CornerRadius="3" Padding="10" Margin="5">

<TextBlock FontSize="20" FontWeight="Bold"

Text="{Binding Name}" />

</Border>

</DataTemplate>

</Window.Resources>

Рис. 46. Показ объекта Person при помощи шаблона.

В шаблон данных можно поместить триггеры данных. Следующий пример показывает использование триггера для того, чтобы изменить цвет окантовки для объектов Person со значением Age=1:

<!-- эта разметка – часть шаблона DataTemplate -->

<DataTemplate.Triggers>

<DataTrigger Binding="{Binding Age}" Value="1">

<Setter TargetName="bord" Property="BorderBrush" Value="Red" />

</DataTrigger>

</DataTemplate.Triggers>

При работе с иерархическими элементами управления (например, TreeView) вместо шаблона данных на основе DataTemplate следует использовать HiererchicalDataTemplate. У такого шаблона имеется свойство ItemsSource, которое нужно связать с дочерней коллекцией, и свойство ItemTemplate – дочерний шаблон данных (DataTemplate или HiererchicalDataTemplate).