2

有谁知道可以在 GUI 系统中映射事件的任何类型的 UML 变体?

我有一个非常复杂的事件驱动的 GUI 系统,我想创建一个图表,以便新开发人员可以轻松地了解各种视图触发的事件以及这些事件实例化/影响的模型/控制器或视图。

我一直在寻找看起来更像思维导图的东西,它在整个地方都有分支,而不是线性场景。

有没有人有任何想法?

问候,

克里斯

4

7 回答 7

2

状态图。

旧且昂贵,但这里有一篇关于使用状态图建模用户界面的好文章。我已经把我的页面磨损了......

于 2009-03-19T02:50:26.560 回答
1

The communication diagram can lack sequence and it behaves more like a mind map than an activity or sequence diagram. If communicating events is your goal a state chart does show interaction, but rather, well, state. A communication diagram has less on it than an activitystate diagram, though that is not bad either, similar in nature.

You could just leverage UseCases and add keywords or label the uses edge/line. Not recommended if this will be maintained and be more than a pretty picture.

(Image is slightly overloaded, you don't need the numbering and they don't have to be method calls) http://www.agilemodeling.com/artifacts/communicationDiagram.htm
(source: agilemodeling.com)
http://www.agilemodeling.com/artifacts/communicationDiagram.htm

于 2009-03-24T02:57:47.880 回答
1

UML 活动图和状态图可以随处可见。

请参阅http://www.agilemodeling.com/style/stateChartDiagram.htm

替代文字
(来源:agilemodeling.com

于 2009-03-19T02:12:44.043 回答
1

对于快速而肮脏的消息序列图,您无法击败mscgen的价格。它使用受 AT&T 的Graphviz包使用的语法启发的源文本,顺便说一句,这是呈现任意有向和无向图的好方法。

我经常使用 graphviz 来记录我的状态机,因为我发现与实现保持同步比 Visio 绘图更容易。

于 2009-03-19T03:01:22.727 回答
1

最终帮助我真正理解 UML 状态图的书是 Samek 的C/C++ 中的实用状态图,其中有几章关于它们以及构建基于状态的系统的令人印象深刻的实现框架。我认为仅仅为了解释如何用状态图思考是值得的。

为了实际创建快速状态图或类似的粗略图表,我在GraphViz中使用文本 DOT 语言做了大量工作,然后经常将这些图表直接包含到使用doxygen生成的文档中。

于 2009-03-19T03:06:57.797 回答
0

使用这个基于 D3 的自动最小生成树实现我取得了很好的效果。只需将图形边缘列表传递给它,它就会聚集并绘制一个类似 UML 的图表:

https://github.com/cpettitt/dagre-d3

也非常适合状态图。状态图

于 2014-08-31T21:05:19.907 回答
0

我最近想起的另一种格式是 Bon 方法中的动态图。我在Artima上写了一篇关于它的帖子。《Seamless Object-Oriented Software Architecture 》一书于 2003 年免费提供。

这些图和通信图之间的区别在于将步骤分离为单独的图例。这本身可以读起来像一个用例,易于本地化,有时还可以显示替代解释。

JOT文章中的示例

于 2013-06-16T02:57:51.730 回答