zoukankan      html  css  js  c++  java
  • WPF : ListBox的几种Template属性

    属性名 属性的类名 功能 示例
    Template ControlTemplate 定义控件自身的外观.

    其子元素的布局可以自定义,也可以由ItemsPresenter定义.

    <Style TargetType="ListBox">
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="ListBox">
    <Border>
    <ScrollViewer>
    <StackPanel IsItemsHost="True"/>
    </ScrollViewer>
    </Border>
    </ControlTemplate>

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

    IsItemsHost=true表示子元素将显示在此容器中.此处StackPanel也可以用<ItemsPresenter/>代替.
    ItemsPanel ItemsPanelTemplate 定义子元素的布局, 其内容为StackPanel, Grid, WrapPanel, DockPanel等布局容器.

    ItemsPresenter会创建该属性指定的布局容器
    <Style TargetType="ListBox">
    <Setter Property="ItemsPanel">
    <Setter.Value>
    <ItemsPanelTemplate>
    <StackPanel Orientation="Horizontal"  VerticalAlignment="Center" HorizontalAlignment="Center"/> </ItemsPanelTemplate>

    </Setter.Value>
    </Setter>
    </Style>
    ItemTemplate DataTemplate 定义每个子元素的外观.

    这个值会拷贝给ListBoxItem的ContentTemplate属性

    <ListBox>
    <ListBox.ItemTemplate>
    <DataTemplate>
    <StackPanel>
    <TextBlock Text="{Binding Path=TaskName}" /> <TextBlock Text="{Binding Path=Description}"/> <TextBlock Text="{Binding Path=Priority}"/> </StackPanel>
    </DataTemplate>

    </ListBox.ItemTemplate> </ListBox>

     WPF_Template

    一起使用:

    <Style TargetType="{x:Type ListBox}">

    <!-- 定义每个子元素的外观, 显示每个子元素的数据 -->
    <Setter Property="ItemTemplate">
    <Setter.Value>
    <DataTemplate>
    <StackPanel>
    <TextBlock Text="{Binding Path=TaskName}" />
    <TextBlock Text="{Binding Path=Description}"/>
    <TextBlock Text="{Binding Path=Priority}"/> </StackPanel>
    </DataTemplate>

    </Setter.Value>
    </Setter>

    <!-- 定义子元素的布局容器, 比如:横向,纵向 -->
    <Setter Property="ItemsPanel">
    <Setter.Value>
    <ItemsPanelTemplate>
    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center"/>
    </ItemsPanelTemplate>
    </Setter.Value>
    </Setter>

    <!-- 定义ListBox自身外观, 比如: 圆角边框-->
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="ListBox">
    <Border CornerRadius="5" Background="{TemplateBinding ListBox.Background}">
    <ScrollViewer HorizontalScrollBarVisibility="Auto">
    <ItemsPresenter/>
    </ScrollViewer>
    </Border>
    </ControlTemplate>

    </Setter.Value>
    </Setter>

    </Style>

  • 相关阅读:
    用户代理检测浏览器、引擎、平台、设备、游戏系统
    浏览器检测
    js 实现table每列可左右拖动改变列宽度 【转载】
    检测flash是否安装及版本号
    高亮显示搜索的关键词(二)
    修改鼠标选中文本的样式
    高亮显示搜索的关键词
    让站长在SEO时更得心应手的六个细节
    JQuery图片延迟加载插件,动态获取图片长宽尺寸
    jquery 图片背景透明度(支持IE5/IE6/IE7)
  • 原文地址:https://www.cnblogs.com/mrfangzheng/p/1418326.html
Copyright © 2011-2022 走看看