Template、ItemsPanel、ItemContainerStyle、ItemTemplate

最新推荐文章于 2024-08-19 19:55:55 发布

chuwachen

最新推荐文章于 2024-08-19 19:55:55 发布

阅读量8.6k

点赞数 1

分类专栏： WPF

本文链接：https://blog.csdn.net/chuwachen/article/details/8587228

版权

WPF 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了WPF中控件的模板Template，它是控件内部结构的组成部分，允许自定义控件外观。Style则主要改变控件属性，两者常结合使用。ItemsPanel关乎控件子项的布局样式，可实现不同排列效果。而ItemContainerStyle定义控件子项的默认样式，ItemTemplate则提供了子项数据展示的模板方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<Style x:Key="ListBoxStyle" TargetType="ListBoxItem">  
<Setter Property="Background" Value="#FFFFFFFF"/>  
<Setter Property="Template">  
<Setter.Value>  
<ControlTemplate TargetType="ListBoxItem">  
// 
//  
</ControlTemplate>  
</Setter.Value>  
</Setter>  
</Style>

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

<ListBox >    
<ListBox.ItemsPanel>  
<ItemsPanelTemplate>  
  <VirtualizingStackPanel Orientation="Horizontal"/> 
</ItemsPanelTemplate>  
  </ListBox.ItemsPanel>  
</ListBox>

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

<ListBox ItemContainerStyle="{StaticResource  ListBoxItemStyle}">     
<ListBoxItem />  
<ListBoxItem />  
</ListBox>

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

<Setter Property="ItemTemplate">
	<Setter.Value>
		<DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="3"/>
                </Grid.ColumnDefinitions>
				<TextBlock Grid.Column="0" Text="first"/>
				<TextBlock Grid.Column="1" Text="second"/>
            </Grid>
         </DataTemplate>
	</Setter.Value>
</Setter>