Plantuml のいくつかのヒント

1. フレーム図

1.1 長方形、コンポーネントなどを使用してフレーム図を描くことができます。次に例を示します。

@startuml
skinparam componentStyle rectangle

[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl

fx-tc
tc-->fenx
fenx-gl

@enduml

効果は次のとおりです。

1.2 カードはフレーム図の描画にも使用できます。例：

@startuml

card 发现问题 as fx
card 提出问题 as tc
card 分析问题 as fenx
card 归纳问题 as gl
fx->tc
tc->fenx
fenx->gl

@enduml

効果：

2. 制御方向

2.1 デフォルトでは、--垂直線を表示するために 2 つのダッシュが使用されます。水平方向に 1 つのダッシュを表示するには、矢印内のキーワード ( left、、right、upなど)を使用してdown方向を変更することもできます。例：

@startuml
' 水平方向
skinparam componentStyle rectangle

[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl

fx-tc
tc->fenx
fenx-gl

@enduml


@startuml
' 垂直方向
skinparam componentStyle rectangle

[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl

fx--tc
tc-->fenx
fenx--gl

@enduml

効果は次の図に示すとおりです。

2.2 left、right、upまたはを使用してdown方向を変更します。例：

@startuml
skinparam componentStyle rectangle

[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl

fx-r-tc
tc-d->fenx
fenx-l-gl

@enduml

効果：

2.3 左から右へ方向を変更します。例：

@startuml
skinparam componentStyle rectangle
left to right direction

[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl

fx--tc
tc-->fenx
fenx--gl

@enduml

効果：

3. 直線を設定する

水平線または垂直線のみを描画するには、を使用できますskinparam linetype ortho。

すべての線を直線にする (ただし、必ずしも水平または垂直である必要はありません) には、を使用できますskinparam linetype polyline。

4. 補助レイアウト

クラス図の構文と機能PlantUML クラス図の構文: インターフェイス、メンバーシップ、パッケージ、ジェネリックス、注釈を定義できます...フォントと色の変更も可能https://plantuml.com/zh-dark/class-diagram # c08f8d9927fcb626デフォルトのレイアウトが完璧ではない場合があります...

キーワードを使用して特定のクラスをグループ化できますtogether。レイアウトエンジンはそれらを (パッケージのように) バンドルしようとします。また、リンクを使用してhiddenレイアウトを強制することもできます。例：

@startuml
    class Bar1
    class Bar2
    together {
        class Together1
        class Together2
        class Together3
}

Together1 - Together2
Together2 - Together3
Together2 -[hidden]--> Bar1
Bar1 -[hidden]> Bar2

@enduml

効果：