Template、ItemsPanel、ItemContainerStyle、ItemTemplate

爱被打了一巴掌 2022-05-20 08:59 14阅读 0赞

![1361157655_1296.jpg][]

###  ###

*  Template是指控件的模板

它代表的是一个控件的内部结构组成部分（Visual Tree）。如：Button的默认Template外面是一个边框，里面是文字描述。如果我们要把普通的文字Button改为图片按钮的话就必须要重写Button的模板，要在里面加上一个Image,即已经把Button的Template修改了。在WPF中所有继承自contentcontrol类的控件都含有此属性，（继承自FrameworkElementdl类的TextBlock等控件无）。Template和Style有点容易混淆，每个控件初始没有Style属性，而在WPF中所有的控件都有默认的Template。Style改变的只是控件原来的属性，比如长宽颜色之类的，而Template可以改变控件的形状外形，还可以根据需要往里面添加其他的控件来丰富当前的控件。Style可以用来定义一定范围内的所有对应控件的样式，所以平时多为两者结合使用。

1.  <Style x:Key="ListBoxStyle" TargetType="ListBoxItem"> 
2.  <Setter Property="Background" Value="\#FFFFFFFF"/>
3.  <Setter Property="Template">
4.  <Setter.Value>
5.  <ControlTemplate TargetType="ListBoxItem">
6.  //
7.  //
8.  </ControlTemplate>
9.  </Setter.Value>
10. </Setter>
11. </Style>

*  ItemsPanel是指控件的子项的布局样式，只有那些有item的控件才有此属性，如ListBox ,Combox,TreeView,DataGrid,TabelControl等，后面的两个也是如此。eg:在不做设置的时候，ListBox的Item子项是纵向排列的，但是可以通过设置ItemPanel来实现横向排列或者其他更复杂的排列方式。

1.  <ListBox >
2.  <ListBox.ItemsPanel>
3.  <ItemsPanelTemplate>
4.  <VirtualizingStackPanel Orientation="Horizontal"/>
5.  </ItemsPanelTemplate>
6.  </ListBox.ItemsPanel>
7.  </ListBox>

*  ItemContainerStyle是控件子项的样式，在ListBox里即ListBoxItem的Style属性，只是在ListBox设ItemContainerStyle表示当前控件的所有子项都默认了这个style，它的格式就是对应子项控件的Style。

1.  <ListBox ItemContainerStyle="\{StaticResource ListBoxItemStyle\}">
2.  <ListBoxItem />
3.  <ListBoxItem />
4.  </ListBox>

*  ItemTemplate是控件子项的显示数据的模板。与子项的Template属性等价，但更方便。

1.  <Setter Property="ItemTemplate">
2.  <Setter.Value>
3.  <DataTemplate>
4.  <Grid>
5.  <Grid.ColumnDefinitions>
6.  <ColumnDefinition Width="\*"/>
7.  <ColumnDefinition Width="3"/>
8.  </Grid.ColumnDefinitions>
9.  <TextBlock Grid.Column="0" Text="first"/>
10. <TextBlock Grid.Column="1" Text="second"/>
11. </Grid>
12. </DataTemplate>
13. </Setter.Value>
14.

[1361157655_1296.jpg]: https://img-my.csdn.net/uploads/201302/18/1361157655_1296.jpg