项目中经常会用到DataGrid这个控件,而且有时候会需要在这个控件的标题行中显示多行文本。例如下面这样
如何实现这样的功能呢?答案是,通过定制HeaderStyle。我经常感慨说,在WPF和Silverlight开发里面,DataBinding和Style,以及Template的机制实在是很厉害,很好用。大家看看下面的例子 吧
<sdk:DataGrid> <sdk:DataGrid.ColumnHeaderStyle> <Style TargetType="sdk:DataGridColumnHeader"> <Setter Property="ContentTemplate"> <Setter.Value> <DataTemplate> <ContentControl Content="{Binding Converter={StaticResource hv}}"></ContentControl> </DataTemplate> </Setter.Value> </Setter> </Style> </sdk:DataGrid.ColumnHeaderStyle> <sdk:DataGrid.Columns> <sdk:DataGridTextColumn Header="Item,项目"></sdk:DataGridTextColumn> <sdk:DataGridTextColumn Header="Department,部门"></sdk:DataGridTextColumn> <sdk:DataGridTextColumn Header="Company,公司"></sdk:DataGridTextColumn> </sdk:DataGrid.Columns> </sdk:DataGrid>
注意,我们这里定义了一个特殊的Style,设置了ColumnHeader的ContentTemplate。由于用户一般在设置列的标题的时候,是输入一个字符串。我们规定,如果要分多行显示的话,用逗号分开即可。
那么,如何将这个带有逗号的字符串转换为我们想要的标题呢?答案是,使用转换器。
using System; using System.Windows.Controls; using System.Windows.Data; namespace TechnologySample { public class HeaderConverter:IValueConverter { #region IValueConverter Members public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { var text = value.ToString(); var panel = new StackPanel(); Array.ForEach(text.Split(','), s => panel.Children.Add(new TextBlock() { Text = s })); return panel; } public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { throw new NotImplementedException(); } #endregion } }
这个代码很好懂,根据传入的一个字符串,我们动态构造了一个StackPanel,并且插入了多个TextBlock
要在界面中使用这个转换器,只需要将它定义为资源即可
<UserControl.Resources> <ctrl:HeaderConverter x:Key="hv"></ctrl:HeaderConverter> </UserControl.Resources>