Welcome to TechNet Blogs Sign in | Join | Help

Directed Graph Markup Language (DGML)

前面的博客中我已经介绍过DGML的格式,并且在相邻的文章中也展示一些关于在产品里面如何使用这种格式来产生经常使用的图的例子。

在本文中,我将介绍几种在VSTS 2010中控制Links渲染的方法。

Graph元素

所有DGML文档的根元素都是DirectedGraph,缺省名字空间(DirectedGraph元素的一个属性)是http://schemas.microsoft.com/vs/2009/dgml。这个根元素支持很多种XML属性,你可以通过文件编辑的智能提示功能来发现所有支持的属性,这里我特别要指出的是Background属性。

Backgound属性可以用于设置整个图的背景色。可以直接使用ARGB的十六进制格式,也可以使用预定义的颜色名字

举例来说,如果有如下DGML文档:

image

那么图显示为:

image

令人惊讶吧!虽然简单,但也值得了解. :)

 

Link元素

DGML图都是基于Nodes以及链接Nodes的links组成的。你可以看到上面文档中的Links元素包含了一个Link元素,智能的DGML渲染引擎知道在没有Node的情况下Link是不能单独存在的,所以就自动地根据link元素的SourceTarget属性创建了“From”和“To”两个node。

Link元素支持很多有意思的属性,我在这边会特别指出一些。

如果要改变link箭头的背景颜色,可以尝试把Background属性设置成“Red”。你就可以得到如下Link:

image

如果要改变整个link的颜色,可以把Stroke属性设置成你想要的颜色。如果你只设置Stroke属性而没有设置Background属性,箭头的颜色也会自动变成Stroke对应的颜色。

并且你也可以通过设置StrokeThickness属性来改变link的线宽,如图:

image

通过改变StrokeDashArray的值,你也可以把link变成虚线。以逗号隔开的值都被转换成doulbe类型,最后的值与StrokeThickness相关,StrokeThikness的缺省值是1。例如,把StrokeDashArray设置成5,而StorkeThikness使用缺省的1,结果如图:

image

当然,你也可以在这个数组中增加更多的值来改变虚线的模式,举例如图:

image

小结

本文快速的介绍了一些控制link渲染的方式。在继续的使用中我们会学会更多的东西。在以后的博客中,我将会介绍Node元素,特别是分组和内嵌的支持。请继续关注。

注:本文翻译自Cameron Skinner的博文:Directed Graph Markup Language ( DGML )

Published Monday, September 07, 2009 1:15 PM by TeamArchChina
Filed under:

Comments

Anonymous comments are disabled
 
Page view tracker