自定义WPF ListBox的选择样式
2012-11-01 18:08
1261 查看
(下图:进行多项选择的ListBox)
首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的,SystemColors的HighlightBrushKey和HighlightTextBrushKey分别代表ListBoxItem被选中时文字和背景颜色,没有Highlight的BrushKey代表ListBox没有焦点时的选中项文字和背景颜色:
这样的话,ListBox选中颜色变成了这样:
可是这种方法仅仅能改变统一的颜色,无法完成其他更多要求。
那么另一种更强大的方法就是在模板中定义。一种方法就是在控件模板中根据ListBoxItem的IsSelected属性判断是否被选中,然后利用WPF触发器来设置被选中后的样式。但是如果你的ListBox定义了数据模板的话你会发现数据模板是显示在控件模板之上的,因此控件模板上的某些显示元素会被数据模板盖住,如果此类情况发生,那么只能在数据模板上添加选中后的元素设置。这里可以通过一个RelativeBinding = FindAncestor的绑定来寻找可视化树中的ListBoxItem的IsSelected属性来在数据模板中判断ListBoxItem是否被选中。
本文来自刘圆圆的博客,原文地址:http://www.cnblogs.com/mgen/archive/2011/09/10/2173402.html
首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的,SystemColors的HighlightBrushKey和HighlightTextBrushKey分别代表ListBoxItem被选中时文字和背景颜色,没有Highlight的BrushKey代表ListBox没有焦点时的选中项文字和背景颜色:
<ListBox> <ListBox.Resources> <Style TargetType="ListBoxItem"> <Style.Resources> <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Pink"/> <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Gray"/> <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Red"/> <SolidColorBrush x:Key="{x:Static SystemColors.ControlTextBrushKey}" Color="Green"/> </Style.Resources> </Style> </ListBox.Resources> <ListBoxItem>AAA</ListBoxItem> <ListBoxItem>B</ListBoxItem> <ListBoxItem>ccc</ListBoxItem> </ListBox>
这样的话,ListBox选中颜色变成了这样:
可是这种方法仅仅能改变统一的颜色,无法完成其他更多要求。
那么另一种更强大的方法就是在模板中定义。一种方法就是在控件模板中根据ListBoxItem的IsSelected属性判断是否被选中,然后利用WPF触发器来设置被选中后的样式。但是如果你的ListBox定义了数据模板的话你会发现数据模板是显示在控件模板之上的,因此控件模板上的某些显示元素会被数据模板盖住,如果此类情况发生,那么只能在数据模板上添加选中后的元素设置。这里可以通过一个RelativeBinding = FindAncestor的绑定来寻找可视化树中的ListBoxItem的IsSelected属性来在数据模板中判断ListBoxItem是否被选中。
本文来自刘圆圆的博客,原文地址:http://www.cnblogs.com/mgen/archive/2011/09/10/2173402.html
相关文章推荐
- 自定义WPF ListBox的选择样式
- 自定义WPF ListBox的选择样式
- 自定义checkbox选择框的样式
- 仿iOS的Pi 4000 ckerView控件,有时间选择和选项选择,并支持一二三级联动,支持自定义样式
- 套用DatePickerDialog源码实现自定义样式的日期选择对话框
- Android 自定义RadioButton或CheckBox选择样式
- select选择框自定义样式
- google官方教程 展示如何自定义可选择列表项样式。
- 自定义WPF ListBox的选中项样式
- Android日期选择器,可以自定义样式
- Android基于wheelView的自定义日期选择器(可拓展样式)
- css自定义 range radio select的样式滑轮,按钮,选择框
- jquery自定义下拉框样式,选择后 下面内容跟着变化
- Android基于wheelView的自定义日期选择器(可拓展样式)
- 表单文件选择框样式自定义示例
- JS选中样式,仿QQ空间自定义空间头部选择样式(9元包邮)
- 【C#】wpf自定义calendar日期选择控件的样式
- 将选择文件控件改造成自定义样式
- 日期选择控件mobiscroll 自定义样式
- WPF:自定义Metro样式文件夹选择对话框FolderBrowserDialog