WPF:Data Template

最新推荐文章于 2024-11-27 19:45:07 发布

郑州高新区WPF小王子

最新推荐文章于 2024-11-27 19:45:07 发布

阅读量1.1k

点赞数 1

分类专栏： wpf

wpf 专栏收录该内容

22 篇文章

订阅专栏

Data Template 用于在一个或者多个控件上绑定并映射数据显示，适用于内容控件或者条目控件， Data Template 可以被用在两个地方：

作为ContentControl的ContentTemplate 属性的值（例如：label）
作为ItemsControl的ItemTemplate属性的值（例如：ListBox）

下面是一个作为Lable控件的ContentTemplate的例子，假定存在数据类Temp：

<Label Name="lblPerson">
    <Label.ContentTemplate>
        <DataTemplate>
            <Border BorderThickness="2" BorderBrush="DarkBlue">
                <StackPanel Orientation="Vertical">
                    <StackPanel Orientation="Horizontal">
                        <Label Content="{Binding Path=Temp.FirstName}"/>
                        <Label Content="{Binding Path=Temp.LastName}" FontWeight="Bold"/>
                    </StackPanel>
                    <Label Content="{Binding Path=Temp.BirthYear}" FontStyle="Italic"/>
                </StackPanel>
            </Border>
        </DataTemplate>
    </Label.ContentTemplate>
</Label>

这是一个作为ListBox控件的ItemTemplate的例子，假定存在数据集合 ActorList：

<ListBox Margin="15" Width="270" Height="320"
       ItemsSource="{Binding ActorList}">
      <ListBox.ItemTemplate>
          <DataTemplate>
              <StackPanel Orientation="Horizontal">
                  <Image Source="{Binding Image}" Height="80"/>
                  <StackPanel Margin="5">
                      <TextBlock Text="{Binding FullName}" FontSize="12" FontWeight="Bold"/>
                      <TextBlock Text="{Binding Dates}"/>
                      <TextBlock Text="{Binding KnownFor}" Margin="0,5,0,0" FontStyle="Italic"/>
                  </StackPanel>
                  <Label Content="Dead Fred !" Foreground="Red"
                         FontWeight="Bold"
                         Visibility="{Binding Converter={StaticResource deadFredConverter}}"/>
              </StackPanel>
          </DataTemplate>
      </ListBox.ItemTemplate>
  </ListBox>

ContentTemplate 与ItemTemplate 属性经常被用在以下方面：

ContentTemplate 作为ContentPresenter内容，控件的控件模板中默认包含ContentPresenter
ItemTemplate 作为由ItemsPresenter提供的每一条目的内容模板。

下面是一个Label控件的默认控件模板代码片段，能够发现它包含一个ContentPresenter作为控件模板的内容模板。

<ControlTemplate TargetType="{x:Type Label}">
    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
        <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>