zoukankan      html  css  js  c++  java
  • Template、ItemsPanel、ItemContainerStyle、ItemTemplate(包括ListBox的Item子项是横向排列)

     

    Template、ItemsPanel、ItemContainerStyle、ItemTemplate

    分类: WPF

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

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

    1、Template是指控件的样式

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

    1. <Style x:Key="ListBoxStyle1" TargetType="ListBox">  
    2. <Setter Property="Background" Value="#FFFFFFFF"/>  
    3. <Setter Property="Template">  
    4. <Setter.Value>  
    5. <ControlTemplate TargetType="ListBox">  
    6. //............相关代码  
    7.   
    8. </ControlTemplate>  
    9. </Setter.Value>  
    10. </Setter>  
    11. </Style>  
     

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

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

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

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

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

    1. <ListBox >    
    2.   
    3. <ListBoxItem  Style="{StaticResource  ListBoxItemStyle}"/>  
    4.   
    5. <ListBoxItem  Style="{StaticResource  ListBoxItemStyle}"/>  
    6. </ListBox>  

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

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

  • 相关阅读:
    微软职位内部推荐-Senior Software Engineer
    微软职位内部推荐-SENIOR SOFTWARE ENGINEER
    微软职位内部推荐-SDEII
    微软职位内部推荐-SOFTWARE ENGINEER II
    微软职位内部推荐-SOFTWARE ENGINEER II
    微软职位内部推荐-Senior SDE
    微软职位内部推荐-SDEII
    elasticsearch实现按天翻滚索引
    kafka中处理超大消息的一些处理
    Kafka主要配置
  • 原文地址:https://www.cnblogs.com/changbaishan/p/4399593.html
Copyright © 2011-2022 走看看