如何重新排列 UML 状态图中的块

Question

我刚刚创建了一个状态图，现在我正在努力解决块的位置。我的目标是将状态 1、2、4、5 放在“向下”行中，将状态 3 放在状态 1 的右侧。

查看我的 UML 代码以及当前（左）和想要（右）设计的附加屏幕截图

UML代码：

@startuml diagramStackO
scale 400 width
[*]    -down->  State1
State1 -down->  State2
State1 -right-> State3
State2 -up->    State3
State2 -down->  State4
State4 -->      State5
State5 -->      [*]
@enduml

屏幕截图（左：当前右：它应该是什么样子）

Answer 1

我的第一个建议是忽略它并继续......在 PlantUML 中调整图表以使其“恰到好处”，即使是小事，也会占用大量时间。

然而，作为一个花费太多时间让他们的图表恰到好处的人，有两件事会浮现在脑海中。

使用 ortho

第一个是添加skinparam linetype ortho. 这是最少的工作，但也提供最少的改进：

@startuml
skinparam linetype ortho

[*]    -down->  State1
State1 -down->  State2
State1 -right-> State3
State2 -up->    State3
State2 -down->  State4
State4 -->      State5
State5 -->      [*]
@enduml

使用隐藏容器

另一种是加入一个隐藏的容器，一个位更多的工作，但不能太多，我想。

要获得所需的垂直对齐，需要将状态组合在一起：

我们现在需要做的就是隐藏容器：

我用来实现这个效果的代码是：

@startuml
skinparam {
    shadowing false

    state {
        BackgroundColor<<HIDDEN>> hidden
        BorderColor<<HIDDEN>> hidden
    }
}


state " " as _ <<HIDDEN>> {
    state State1
    state State2
    state State4
    state State5
}


[*]    -down->  State1
State1 -down->  State2
State1 -right-> State3
State2 -right->    State3
State2 -down->  State4
State4 -->      State5
State5 -->      [*]
@enduml