在用户界面开发中,我们往往希望在TreeList上实现如下图这种效果,
节点展开时显示一个表示展开的图标,收起的时候显示另一个图标,然后叶子节点又要显示表示叶子节点的图标。这个需求看起来挺复杂,其实实现起来很简单。
1、需要在窗体设计器里面拖一个ImageList控件,并加入以上三个图标的图片,图片格式推荐使用PNG格式,因为这种格式可以实现透明背景。
2、在控件属性SelectImageList上绑定你的ImageList,或者通过代码来实现ImageList和TreeList的绑定。
3、在代码或控件事件里面注册CustomDrawNodeImages事件。
treCategory.CustomDrawNodeImages += Format.treeList_CustomDrawNodeImages;
4、在委托事件里面实现以下代码:
public static void treeList_CustomDrawNodeImages(object sender, DevExpress.XtraTreeList.CustomDrawNodeImagesEventArgs e)
{
if (e.Node.Nodes.Count > 0)
{
if (e.Node.Expanded)
{
e.SelectImageIndex = 2;
return;
}
e.SelectImageIndex = 1;
}
else
{
e.SelectImageIndex = 0;
}
}
委托事件最好在Common模块中实现,这样的话,任何一个窗体只需注册事件就可实现这个效果。同时,ImageList也推荐放在窗体基类中,并把访问级别设置成保护,这样每个窗体都能继承到ImageList,就不用每次都拖控件了。