最近一个项目,涉及到一个图形设计器.类似于Visio的设计器,可以直接在窗体上进行某些图形结构的设计,并支持窗体内的拖动,连线等等...于是开始研究一个开源项目Netron Graph Library,争取尽早摸清其实质,改造一个适合我们项目的图形设计器出来.(目前只研究Netron的light版本,因为对于我们设计器的要求,他已经足够强大,并且还算PP:)
    先来看Netron Light的运行效果
   
    还算简洁漂亮吧:)虽说没有Visio那么强大,但是支持基本的图形设计,拖动,任意连线,图形大小,颜色设置等等.下面,就从大体上分析一下其设计实现原理.首先,根据其源代码,可以得到下面这张关键的类图:
   
    对该类图进行一下简单的说明:
    Netron Light中,有三个关键的实体/类,ShapeBase----Netron中的核心,代表一个图形实体(具体图形对象的基类).Connection----两个图形实体间的连线.Connector----连接点实体(图形实体四周四个白色的小点).这三个类都继承自一个抽象类Entity.另外Netron Light实现了三个类继承自ShapeBase----OvalShpe(椭圆),SimpleRectangle(矩形),TextLabel(文本).这样,我们就可以实现自己的类继承自ShapeBase,以展现更多的图形(比如点图,目前还有个想法,看这个具体的类是否能够显示一张具体的图片,这样就能实现更多灵活的配置,并能得到更好的显示效果,有待深入研究).
    大体上对Netron Light有了一个认识,接下来的随笔将深入其内部,研究其实现.

----2005.12.21 22:43 星期三   

文章来源:http://www.agilelabs.cn/blogs/woody/archive/2005/12/21/290.aspx