参考:
https://docs.microsoft.com/en-us/dotnet/framework/wpf/data/data-templating-overviewhttps://blog.csdn.net/hyman_c/article/details/51878861
https://blog.csdn.net/HFDNGL/article/details/49427085
如何给模板中的子控件赋值,这里说明
WPF中引入模板(Template)将数据和算法的“内容”与“形式”解耦。WPF:中Template分为两大类:ControlTemplate和DataTemplate。
下面详细介绍DataTemplate:
DataTemplate是数据内容的表现形式,一条数据显示成什么样子,是简单的文本还是直观的图形动画就由他来决定。
DataTemplate常用的地方有3处,分别是:
- ContentControl的ContentTemplate属性,相当于给ContentControl的内容穿衣服。 (常见的控件包括各类Button、ScrollViewer等),可以用我们自定义的DataTenpate对其进行赋值。以下例子是定义一个包含CheckBox和TextBlock的DataTenpate,将其赋值给Button、Label、ScrollViewer三个继承自ContentControl的控件。
XAML:
<Window.Resources>
<DataTemplate x:Key="datatemplate1">
<StackPanel Orientation="Horizontal">
<CheckBox/>
<TextBlock Text=" Hello World"/>
</StackPanel>
</DataTemplate>
</Window.Resources>
<Grid>
<Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="153,26,0,0" Name="button1" VerticalAlignment="Top" Width="130"
ContentTemplate="{StaticResource datatemplate1}"/>
<Label Content="Label" Height="28" HorizontalAlignment="Left" Margin="153,68,0,0" Name="label1" VerticalAlignment="Top" Width="130"
ContentTemplate="{StaticResource datatemplate1}"/>
<ScrollViewer Height="23" HorizontalAlignment="Left" Margin="153,127,0,0" Name="scrollViewer1" VerticalAlignment="Top" Width="120"
ContentTemplate="{StaticResource datatemplate1}"/>
</Grid>
2. ItemsControl的ItemTemplate属性,相当于给ItemsControl的数据条目穿衣服。
包括ListView、TreeView、ListBox在内,很多继承自ItemsControl的Collection型控件都包含ItemTemplate属性,我们可以直接通过给ItemTemplate赋值的方式控制其item数据的显示。
<Window.Resources>
<DataTemplate x:Key="datatemplate1">
<StackPanel Orientation="Horizontal">
<CheckBox/>
<TextBlock Text=" Hello World"/>
</StackPanel>
</DataTemplate>
</Window.Resources>
<Grid>
<ListView Height="100" HorizontalAlignment="Left" Margin="127,12,0,0" Name="listView1" VerticalAlignment="Top" Width="120" >
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<CheckBox/>
<TextBlock Text=" Hello World"/>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
<ListItem/>
<ListItem/>
</ListView>
<ListBox Height="100" HorizontalAlignment="Left" Margin="127,139,0,0" Name="listBox1" VerticalAlignment="Top" Width="120"
ItemTemplate="{StaticResource datatemplate1}">
<ListItem/>
<ListItem/>
</ListBox>
<TreeView Height="100" HorizontalAlignment="Left" Margin="366,160,0,0" Name="listView2" VerticalAlignment="Top" Width="120" ItemTemplate="{StaticResource datatemplate1}">
<ListItem/>
</TreeView>
</Grid>
以上代码,展示了给ItemTemplate赋值的两种方式,一种是引用静态资源,另一种是直接对ItemTemplate用DataTemplate进行赋值。两种形式的实现效果是一样的。
3. GridViewColumn的CellTemplate属性,相当于给GridViewColumn单元格的数据穿衣服
<Window.Resources>
<DataTemplate x:Key="datatemplate1">
<StackPanel Orientation="Horizontal">
<CheckBox x:Name="checkbox1" Click="checkbox1_Click" />
<TextBlock Text=" Hello World"/>
</StackPanel>
</DataTemplate>
</Window.Resources>
<Grid>
<ListView>
<ListView.View>
<GridView>
<GridViewColumn Header="Id" CellTemplate="{StaticResource datatemplate1}"/>
</GridView>
</ListView.View>
<ListItem/>
</ListView>
</Grid>
以上代码,将一个GridView对象赋值给ListView对象的View属性,并在GridView对象的GridViewColumn属性中,将CellTemplate绑定静态资源datatemplate1,运行效果如下:
4、DataGridTemplateColumn的CellTemplate属性。
该种应用同上面的类似,只不过是在DataGrid控件上的使用:
<Grid>
<DataGrid Name="datagrid">
<DataGrid.Columns>
<DataGridTemplateColumn Header="ID" >
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<CheckBox/>
<TextBlock Text=" Hello World"/>
</StackPanel>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
</Grid>
如何给子控件赋值
<ListBox x:Name="label5" Grid.Column="4" Grid.Row="17" FontSize="18" ItemTemplate="{StaticResource datatemplate5}" Margin="20,0,20,0" BorderThickness="0" BorderBrush="{x:Null}"/>
注意,载体控件使用ListBox,后台才能使用ItemsSource属性,这样子控件的内容可以通过绑定的方式来赋值。