1. Diagrama de marco
1.1 Puede usar rectángulo, componente, etc. para dibujar un diagrama de marco, por ejemplo:
@startuml
skinparam componentStyle rectangle
[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl
fx-tc
tc-->fenx
fenx-gl
@enduml
El efecto es el siguiente:
1.2 Las tarjetas también se pueden usar para dibujar diagramas de cuadros. ejemplo:
@startuml
card 发现问题 as fx
card 提出问题 as tc
card 分析问题 as fenx
card 归纳问题 as gl
fx->tc
tc->fenx
fenx->gl
@enduml
Efecto:
2. Dirección de control
2.1 De manera predeterminada, se usan dos guiones --
para mostrar una línea vertical. Para obtener un solo guión en la dirección horizontal, también puede cambiar la dirección usando palabras clave dentro de la flecha, por ejemplo left
, right
, up
o . down
ejemplo:
@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
El efecto es como se muestra en la figura:
2.2 Use left
, right
, up
o down
, para cambiar de dirección. ejemplo:
@startuml
skinparam componentStyle rectangle
[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl
fx-r-tc
tc-d->fenx
fenx-l-gl
@enduml
Efecto:
2.3 Cambie la dirección de izquierda a derecha. ejemplo:
@startuml
skinparam componentStyle rectangle
left to right direction
[发现问题] as fx
[提出问题] as tc
[分析问题] as fenx
[归纳问题] as gl
fx--tc
tc-->fenx
fenx--gl
@enduml
Efecto:
3. Establecer la línea recta
Para dibujar solo líneas horizontales o verticales, puede usar skinparam linetype ortho
.
Para hacer que todas las líneas sean rectas (pero no necesariamente horizontales o verticales), puede usar skinparam linetype polyline
.
4. Disposición auxiliar
Sintaxis y funcionalidad de los diagramas de clases Sintaxis de los diagramas de clases PlantUML: puede definir interfaces, membresías, paquetes, genéricos, anotaciones... También es posible cambiar fuentes y colores https://plantuml.com/zh-dark/class- diagrama #c08f8d9927fcb626 A veces, el diseño predeterminado no es perfecto...
Puede usar together
palabras clave para agrupar ciertas clases: el motor de diseño intentará agruparlas (como en un paquete), y también puede usar enlaces hidden
para forzar el diseño. ejemplo:
@startuml
class Bar1
class Bar2
together {
class Together1
class Together2
class Together3
}
Together1 - Together2
Together2 - Together3
Together2 -[hidden]--> Bar1
Bar1 -[hidden]> Bar2
@enduml
Efecto: