Country  china

WPF C1FlexGrid设置样式技巧:(二)单元格前景色和字体设置

在之前我们讨论过给单元格设置背景色:通过重写ApplyCellStyles方法,然后设置Border的Background属性实现。文章来源:WPF C1FlexGrid设置样式技巧:(一)单元格设置背景色

本文就在此基础上讨论如何对单元格字体进行设置。

还是通过ApplyCellStyles方法,我们可以拿到Border,然后从Border.Child拿到TextBlock,就可以通过TextBlock的Font相关属性(Foreground,FontWeight, TextDecorations等)设置字体(TextBlock的属性请参考微软的msdn:TextBlock 类

前景色

因此设置单元格的前景色和背景色的代码参考如下:

   public override void ApplyCellStyles(C1FlexGrid grid, CellType cellType, CellRange range, Border bdr)
        {
           var columnindex = range.Column;
            var rowindex = range.Row;
            var _textblock = bdr.Child as TextBlock;
            if (_textblock == null) return;
            //check if the cell is selected or not
            bool selected=(columnindex == grid.Selection.Column && rowindex == grid.Selection.Row);
            if ((columnindex == 2) && (rowindex == 3)&&!selected)
            {
                    //set the customizations on the cell when it is not selected
                    bdr.Background = new SolidColorBrush(Colors.Red);
                    _textblock.Foreground= Brushes.Yellow;
            }
        
        }

代码效果如下:

image

 

字体样式设置

再此基础上,我们来讨论字体的设置,只需设置属性即可。

  public override void ApplyCellStyles(C1FlexGrid grid, CellType cellType, CellRange range, Border bdr)
        {
           var columnindex = range.Column;
            var rowindex = range.Row;
            var _textblock = bdr.Child as TextBlock;
            if (_textblock == null) return;
            //check if the cell is selected or not
            bool selected=(columnindex == grid.Selection.Column && rowindex == grid.Selection.Row);
            if ((columnindex == 2) && (rowindex == 3)&&!selected)
            {                
                    //set the customizations on the cell when it is not selected
                    bdr.Background = new SolidColorBrush(Colors.Red);
                    _textblock.Foreground= Brushes.Yellow;
                    _textblock.FontSize = 14d;
                    _textblock.FontWeight = FontWeights.Bold;
                    _textblock.FontStyle = FontStyles.Italic;
                
            }
        
        }

这个时候,该单元格的背景色,前景色和字体样式都发生了改变。

非选择的时候:

image

选择的时候:

image

 

改进代码:改变选择单元格的样式

如果这个时候希望这个特定的单元格,在选择的时候字体样式发生改变(恢复成未设置的状态),这个时候我们就需要添加代码,在选择的时候设置_textblock的Font相关属性重置。

代码参考:

  if (selected)
                {
                    _textblock.FontSize = 12d;
                    _textblock.FontWeight = FontWeights.Normal;
                    _textblock.FontStyle = FontStyles.Normal;                    
                }

 

注意:需要在方法的最后进行Invalidate操作。

代码如下:

grid.Invalidate(new CellRange(3, 2));

这个时候选择单元格的结果如图:

image

 

本文的示例请下载:

本文完,如果有兴趣请关注更多资源。

更多资源
C1FlexGrid在线英文产品文档地址:

http://helpcentral.componentone.com/nethelp/C1FlexGridWPFSilv/ComponentOne%20FlexGrid%20for%20WPF%20and%20Silverlight.html

如果你对C1FlexGrid感兴趣,请到我们的官网下载最新版本:http://www.gcpowertools.com.cn/products/download.aspx?pid=6

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.gcpowertools.com.cn/showforum-138.html

转载声明:
欢迎将本站文章进行转载、演绎或用于商业目的,转载时请注明以下信息
文章转自:葡萄城控件产品博客,http://blog.gcpowertools.com.cn
原文地址:http://blog.gcpowertools.com.cn/post/WPF-C1FlexGrid设置样式技巧:(二)单元格前景色和字体设置.aspx

不允许评论