DataTemplate

Posted Lulus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DataTemplate相关的知识,希望对你有一定的参考价值。

DataTemplate作用是布局+数据绑定

使用DataTemplate

同时完成样式布局和数据绑定

<Window.Resources>
    <DataTemplate x:Key="PersonDataTemplate">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Row="0" Grid.Column="0" Text="{Binding Name}"></TextBlock>
            <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Age}"></TextBlock>
            <TextBlock Grid.Row="1" Grid.Column="0" Text="{Binding Hometown}"></TextBlock>
        </Grid>
    </DataTemplate>
</Window.Resources>
<Grid>
    <ListBox ItemsSource="{Binding}" ItemTemplate="{StaticResource PersonDataTemplate}"></ListBox>
</Grid>

数据在后台赋值DataContext

效果

 
技术分享图片

不使用DataTemplate

也可以不使用DataTemplate,使用表格控件中的"列"(DataGrid同)

<ListView HorizontalContentAlignment="Center" VerticalContentAlignment="Center" ItemsSource="{Binding }" HorizontalAlignment="Left" Name="listView1" VerticalAlignment="Top">
    <ListView.View>
        <GridView>
            <GridView.Columns>
                <GridViewColumn Header="姓名" DisplayMemberBinding="{Binding Name}"/>
                <GridViewColumn Header="年龄" DisplayMemberBinding="{Binding Age}"/>
                <GridViewColumn Header="年龄" DisplayMemberBinding="{Binding Hometown}"/>
            </GridView.Columns>
        </GridView>
    </ListView.View>
</ListView>

示例代码

https://github.com/zLulus/NotePractice/tree/dev3/WPF/WpfDemo/Template/DataTemplate

DataTemplate和ControlTemplate混用

针对ListBox等表格式控件
整个ListBox采用ControlTemplate,制订外观
里面的每一项采用DataTemplate,设置外观+数据绑定



以上是关于DataTemplate的主要内容,如果未能解决你的问题,请参考以下文章

[UWP]如何使用代码创建DataTemplate(或者ControlTemplate)

WPF在代码中创建DataTemplate时候的异常

GridView、ItemTemplate、DataTemplate 绑定在 C# 代码后面

在代码隐藏中的 DataTemplate 中查找 WPF 元素

WPF 在后面的代码中设置 DataTemplate 网格大小(ResourceDictionary)

发生事件时在 DataTemplate 中运行 Storyboard