教你自定义绘制TreeView

教你自定义绘制TreeView

在Winform上开发，常常用到TreeView这个控件，比如我们做GIS开发就常用它来做图层控制。TreeView有很多可以定制的属性来改变它的外观，但如果定制仍无法满足你的要求，又不想花钱买更好的控件，就要利用TreeView提供的自定义绘制功能了。

像这样简单的进行一些自定义的绘制，在大部分情况下就满足客户的需求了。要做到它其实很简单，重点就是：

DrawMode  =  TreeViewDrawMode.OwnerDrawAll;
DrawNode += CustomDrawNode;

把 DrawMode这个属性改变以后，绘制每一个菜单项的权利都交到你手里了。然后在你的CustomDrawNode中根据你的想法来绘制每一项：

private   void  CustomDrawNode( object  sender, DrawTreeNodeEventArgs e)
    {
       // 如果按照默认实现来绘制，就这样做
       if  (e.Node.Level  >   0 )
      {
        e.DrawDefault  =   true ;
         return ;
      }
       // 绘制的工作就完全是GDI+的那一套了
      LinearGradientMode mode  =  LinearGradientMode.Vertical;
      Rectangle rect  =  e.Bounds;
       // 绘制渐变背景
       using  (LinearGradientBrush brush  =   new  LinearGradientBrush(rect, _startColor, _endColor, mode))
      {
        e.Graphics.FillRectangle(brush, rect);
      }
      Font nodeFont  =  _defaultFont;
       // 绘制加减号 ，做了一些硬编码
      e.Graphics.DrawImage((e.Node.IsExpanded  ?  _minusImage : _plusImage), e.Bounds.Location.X  +   5 , e.Bounds.Location.Y  +   3 );
       // 绘制文字
      e.Graphics.DrawString(e.Node.Text, nodeFont, Brushes.Black, (e.Bounds.Location.X  +   20 ), (e.Bounds.Location.Y));
    }

完整的代码在 这里，放大缩小的图片借用自 google doc。由于我们始终是在TreeView控件基础上自定义，所以受其限制，绘制的矩形不能超出每个菜单项的高度，因此想让字号变大，或者增加其他的控件在里面就相当困难了。还好这个实现已经满足了我项目的基本要求。如果你没那么幸运，就看看这个新的 TreeView控件，它的功能极其强大，并且性能远比默认的TreeView要好，最重要的是，它是免费且开源的。只是使用难度颇大，扩展也挺麻烦，所以还算不上是一款卓越的控件。
如果只是想对默认TreeView进行深度挖掘， 这个页面是可以教你怎么开始。