控制模板

Question

之间有什么区别

ControlTemplate
的DataTemplate
HierarchalDataTemplate
的ItemTemplate

Answer 1

控制模板

ControlTemplate指定控件的可视结构和可视行为。您可以通过为控件提供新的ControlTemplate来自定义控件的外观。创建ControlTemplate时，可以替换现有控件的外观而不更改其功能。例如，您可以使应用程序中的按钮变为圆形而不是默认的方形，但按钮仍会引发Click事件。

ControlTemplate的一个例子是

创建按钮

<Button Style="{StaticResource newTemplate}" 
        Background="Navy" 
        Foreground="White" 
        FontSize="14"
        Content="Button1"/>

按钮的ControlTemplate

<Style TargetType="Button" x:Key="newTemplate"> 
      <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border x:Name="RootElement">
                <!--Create the SolidColorBrush for the Background 
                as an object elemment and give it a name so 
                it can be referred to elsewhere in the control template.-->
                    <Border.Background>
                        <SolidColorBrush x:Name="BorderBrush" Color="Black"/>
                    </Border.Background>
                    <!--Create a border that has a different color by adding smaller grid.
                    The background of this grid is specificied by the button's Background
                    property.-->
                    <Grid Margin="4" Background="{TemplateBinding Background}">
                    <!--Use a ContentPresenter to display the Content of
                    the Button.-->
                        <ContentPresenter
                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                        Margin="4,5,4,4" />
                    </Grid>
                </Border>
            </ControlTemplate>      
        </Setter.Value>
    </Setter>
</Style>

有关ControlTemplate

的更多信息

数据模板

数据模板与控制模板的概念类似。它们为您提供了一个非常灵活和强大的解决方案，可以替换ListBox，ComboBox或ListView等控件中数据项的可视外观。 WPF控件具有内置功能，可支持自定义数据表示。

DataTemplate的示例是

<!-- Without DataTemplate -->
<ListBox ItemsSource="{Binding}" /> 

<!-- With DataTemplate -->
<ListBox ItemsSource="{Binding}" BorderBrush="Transparent" 
         Grid.IsSharedSizeScope="True"
         HorizontalContentAlignment="Stretch">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Margin="4">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" SharedSizeGroup="Key" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding Name}" FontWeight="Bold"  />
                <TextBox Grid.Column="1" Text="{Binding Value }" />
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

有关DataTemplates and Triggers

的更多信息

项目模板

使用ItemTemplate指定数据对象的可视化。如果您的ItemsControl绑定到集合对象，并且您没有使用DataTemplate提供特定的显示指令，则每个项的结果UI都是基础集合中每个对象的字符串表示形式。

项目模板的示例将是

<ListBox Margin="10" Name="lvDataBinding">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <WrapPanel>
                <TextBlock Text="Name: " />
                <TextBlock Text="{Binding Name}" FontWeight="Bold" />
                <TextBlock Text=", " />
                <TextBlock Text="Age: " />
                <TextBlock Text="{Binding Age}" FontWeight="Bold" />
                <TextBlock Text=" (" />
                <TextBlock Text="{Binding Mail}" TextDecorations="Underline" Foreground="Blue" Cursor="Hand" />
                <TextBlock Text=")" />
            </WrapPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

在ItemsControl上设置ItemTemplate时，UI生成如下（以ListBox为例）：

在内容生成期间，ItemsPanel发起对ItemContainerGenerator的请求，以便为每个数据项创建容器。对于ListBox，容器是ListBoxItem。生成器回调到ItemsControl以准备容器。
部分准备工作涉及将ListBox的ItemTemplate复制为ListBoxItem的ContentTemplate。
与所有ContentControl类型类似，ListBoxItem的ControlTemplate包含ContentPresenter。应用模板时，它会创建一个ContentPresenter，其ContentTemplate绑定到ListBoxItem的ContentTemplate。
最后，ContentPresenter将ContentTemplate应用于自身，并创建UI。

如果您定义了多个DataTemplate，并且希望提供逻辑以编程方式选择和应用DataTemplate，请使用ItemTemplateSelector属性。

ItemsControl为视觉自定义提供了极大的灵活性，并提供了许多样式和模板属性。使用ItemContainerStyle属性或ItemContainerStyleSelector属性设置样式以影响包含数据项的元素的外观。例如，对于ListBox，生成的容器是ListBoxItem控件;对于ComboBox，它们是ComboBoxItem控件。要影响项目的布局，请使用ItemsPanel属性。如果您在控件上使用分组，则可以使用GroupStyle或GroupStyleSelector属性。

有关详细信息，请参阅Data Templating Overview.

Answer 2

ControlTemplaes定义＆＃34;外观＆＃34;以及＆＃34;行为＆＃34;控制。默认情况下，按钮是矩形。默认情况下，ListBox具有白色背景。这些都是由Control的ControlTemple定义的。
DataTemplae帮助控制它所拥有的数据布局。如果将一个用户列表添加到列表框中，并且您希望UserName在UserPassword之前显示，那么您将在DataTemples中定义它。 DataTemples被分配给ListBox的ItemTemplate（4）属性。
HierarchalDataTemplte与DataTemples相同，只是它处理Hierarchal数据源。它通常与TreeView Control一起使用。

模板之间的区别

2 个答案:

控制模板

数据模板

项目模板