Template、ItemsPanel、ItemContainerStyle、ItemTemplate

原创 2011年10月12日 10:13:54

先来看一张图(网上下的图,加了几个字)


实在是有够“乱”的,慢慢来理一下;

1、Template是指控件的样式

在WPF中所有继承自contentcontrol类的控件都含有此属性,(继承自FrameworkElementdl类的TextBlock等控件无)。Template用于定义控件结构(Visual Tree),和Style有点容易混淆,每个控件初始没有Style属性,而在WPF中所有的控件都有默认的Template。Style也做样式解释,但是它改变的只是控件原来的属性,比如长宽颜色之类的,而Template可以改变控件的形状外形,还可以根据需要往里面添加其他的控件来丰富当前的控件。Style可以用来定义一定范围内的所有对应控件的样式,所以平时多为两者结合使用。

<Style x:Key="ListBoxStyle1" TargetType="ListBox">
<Setter Property="Background" Value="#FFFFFFFF"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBox">
//............相关代码

</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
 

2、ItemsPanel是指控件的子项的布局样式,只有那些有item的控件才有此属性,如ListBox ,Combox,TreeView,DataGrid,TabelControl等,后面的两个也是如此。

eg:在不做设置的时候,ListBox的Item子项是纵向排列的,但是可以通过设置ItemPanell来实现横向排列或者其他更复杂的排列方式。

<ListBox >  
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
  <VirtualizingStackPanel Orientation="Horizontal"/>//横向排列
</ItemsPanelTemplate>
  </ListBox.ItemsPanel>
</ListBox>

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

<ListBox  ItemContainerStyle="{StaticResource  ListBoxItemStyle}">  

<ListBoxItem />

<ListBoxItem />
</ListBox>

<ListBox >  

<ListBoxItem  Style="{StaticResource  ListBoxItemStyle}"/>

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

等价,但是显然前者要方便很多。


4、ItemTemplate是控件子项的样式,说法和1里面的相同,用法和3里面的相同,即与子项的Template属性等价,但是这个显然也是比较方便的。



WPF Template,ItemsPresenter,ItemContainerStyle,ItemsPanel,contentpresenter

刚开始接触WPF中,这几个概念常常让人迷惑,
  • sweety820
  • sweety820
  • 2014年05月06日 11:10
  • 5144

GridView中itemTemplate绑定字段的几种方式

最简单的方式 带格式 不带格式 做些运算
  • lin_lujian
  • lin_lujian
  • 2011年11月04日 10:37
  • 1214

WPF 自定义listbox的ItemTemplate实现通讯录

如图所示: XAML:
  • hello_1218
  • hello_1218
  • 2015年01月19日 16:15
  • 3623

DataList控件与ItemTemplate的用法

在用DataList控件的时候肯定的要用到itemtemplate,现在我就跟大家怎么用它 第一步:先把DataList控件绑定数据库中的某个表,代码如下:          SqlConnecti...
  • libiao312
  • libiao312
  • 2013年12月25日 14:40
  • 537

WPF中TreeView的使用

WPF中对树控件的使用主要有两种方法, 方法一,对TreeView进行静态搭建,对应的XAML文件代码如下: ...
  • lzhui1987
  • lzhui1987
  • 2016年05月11日 23:08
  • 7388

如何实现具有层次结构的 TreeView <四> (WPF/TreeView/Style/Template)

设置 TreeView 的样式,使节点 ListViewItem 以横向从左到有,自上而下的方式展开;并为节点 ListViewItem 设置样式和触发器以响应用户操作,反应节点状态,包含完整的 XA...
  • qqamoon
  • qqamoon
  • 2011年08月05日 08:58
  • 7331

asp.net--ListView中ItemTemplate设置与功能按钮

.aspx代码如下: .divItem{ padding:5px; } .divBtns{ width:130px; float:left;} ...
  • yayun0516
  • yayun0516
  • 2014年12月09日 12:31
  • 2673

Template、ItemsPanel、ItemContainerStyle、ItemTemplate

Template是指控件的模板 它代表的是一个控件的内部结构组成部分(Visual Tree)。如:Button的默认Template外面是一个边框,里面是文字描述。如果我们要把普通的文字Butto...
  • chuwachen
  • chuwachen
  • 2013年02月18日 11:49
  • 7225

WPF Template模版之DataTemplate与ControlTemplate的关系和应用【二】

1. DataTemplate和ControlTemplate的关系     学习过DataTemplate和ControlTemplate,你应该已经体会到,控件只是数据的行为和载体,是个抽象的概...
  • aoshilang2249
  • aoshilang2249
  • 2015年04月19日 13:18
  • 3985

WPF Template模版之DataTemplate与ControlTemplate的关系和应用【二】

1. DataTemplate和ControlTemplate的关系     学习过DataTemplate和ControlTemplate,你应该已经体会到,控件只是数据的行为和载体,是个抽象的概...
  • aoshilang2249
  • aoshilang2249
  • 2015年04月19日 13:18
  • 3985
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Template、ItemsPanel、ItemContainerStyle、ItemTemplate
举报原因:
原因补充:

(最多只允许输入30个字)