• Template、ItemsPanel、ItemContainerStyle、ItemTemplate


    • Template是指控件的模板

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

    [html] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    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来实现横向排列或者其他更复杂的排列方式。
    [html] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    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。
    [html] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    1. <ListBox ItemContainerStyle="{StaticResource  ListBoxItemStyle}">       
    2. <ListBoxItem />    
    3. <ListBoxItem />    
    4. </ListBox>    
    • ItemTemplate是控件子项的显示数据的模板。与子项的Template属性等价,但更方便。
    [html] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    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. </Setter>  
  • 相关阅读:
    zepto引用touch模块后,click失效
    cocos2dx中setContentSize与setDimensions在设置label显示区域上的区别
    convertToNodeSpace 与 convertToWorldSpace 的使用
    quick(3.2) UIListView扩展
    quick-cocos2d-x 游戏开发——StateMachine 状态机
    Lua学习笔记之字符串及模式匹配
    cocos2dx-3.x事件分发机制
    cocos2dx-Lua与Object的通讯机制
    cocos2dx-Lua与Java通讯机制
    Quick-cocos2dx容器层的使用
  • 原文地址:https://www.cnblogs.com/lizhenlin/p/6520086.html
Copyright © 2020-2023  润新知