Comandos comunes en PlantUML

Descubra los comandos fundamentales universalmente aplicables a todos los tipos de diagramas en PlantUML. Estos comandos le permiten inyectar versatilidad y detalles personalizados en sus diagramas. A continuación, desglosamos estos comandos comunes en tres categorías principales:

Elementos globales

Descripción de la sintaxis criolla

Aproveche el poder de la sintaxis criolla para dar más formato al contenido de cualquier elemento dentro de su diagrama. Este estilo de marcado wiki permite:

Comando de Control de Estilo

Obtenga un control completo sobre el estilo de presentación de sus elementos de diagrama utilizando el comando style. Utilícelo para:

Explore estos comandos para crear diagramas que sean tanto funcionales como estéticamente agradables, adaptando cada elemento a sus especificaciones exactas.

Comments

Simple comment

Everything that starts with simple quote ' at the beginning of a line is a comment.

@startuml
'Line comments use a single apostrophe
@enduml

Block comment

Block comment use C-style comments except that instead of * you use an apostrophe ', then you can also put comments on several lines using /' to start and '/ to end.

@startuml
/'
many lines comments
here
'/
@enduml

[Ref. QA-1353]

Then you can also put block comment on the same line, as:

[Ref. QA-3906 and QA-3910]

Full example

[Ref. GH-214]

Zoom or Scale

You can use the scale command to zoom the generated image.

You can use either a number or a fraction to define the scale factor. You can also specify either width or height (in pixel). And you can also give both width and height: the image is scaled to fit inside the specified dimension.

Title

The title keywords is used to put a title. You can add newline using \n in the title description.

Some skinparam settings are available to put borders on the title.

You can use creole formatting in the title.

You can also define title on several lines using title and end title keywords.

Caption

There is also a caption keyword to put a caption under the diagram.

Footer and header

You can use the commands header or footer to add a footer or a header on any generated diagram.

You can optionally specify if you want a center, left or right footer/header, by adding a keyword.

As with title, it is possible to define a header or a footer on several lines.

It is also possible to put some HTML into the header or footer.

Legend the diagram

The legend and end legend are keywords is used to put a legend.

You can optionally specify to have left, right, top, bottom or center alignment for the legend.

Appendix: Examples on all diagram

Activity

Archimate

Class

Component, Deployment, Use-Case

Gantt project planning

DONE
[(Header, footer) corrected on V1.2020.18]

Object

MindMap

Network (nwdiag)

Sequence

State

Timing

Work Breakdown Structure (WBS)

DONE
[Corrected on V1.2020.17]

Wireframe (SALT)

DONE
[Corrected on V1.2020.18]

Appendix: Examples on all diagram with style

DONE

FYI:
FIXME
🚩 To be fix; Thanks

FIXME

Here are tests of title, header, footer, caption or legend on all the diagram with the debug style:

<style>
title {
  HorizontalAlignment right
  FontSize 24
  FontColor blue
}

header {
  HorizontalAlignment center
  FontSize 26
  FontColor purple
}

footer {
  HorizontalAlignment left
  FontSize 28
  FontColor red
}

legend {
  FontSize 30
  BackGroundColor yellow
  Margin 30
  Padding 50
}

caption {
  FontSize 32
}
</style>

Activity

Archimate

Class

Component, Deployment, Use-Case

Gantt project planning

Object

MindMap

Network (nwdiag)

Sequence

State

Timing

Work Breakdown Structure (WBS)

Wireframe (SALT)

FIXME
Fix all (title, caption, legend, header, footer) for salt.
FIXME

Mainframe

[Ref. QA-4019 and Issue#148]

Appendix: Examples of Mainframe on all diagram

Activity

Archimate

FIXME
🚩 Cropped on the top and on the left
FIXME

Class

FIXME
🚩 Cropped on the top and on the left
FIXME

Component, Deployment, Use-Case

FIXME
🚩 Cropped on the top and on the left
FIXME

Gantt project planning

FIXME
🚩 Cropped on the top and on the left
FIXME

Object

FIXME
🚩 Cropped on the top!
FIXME

MindMap

Network (nwdiag)

FIXME
🚩 Cropped on the top!
FIXME

Sequence

State

FIXME
🚩 Cropped on the top and on the left
FIXME

Timing

Work Breakdown Structure (WBS)

Wireframe (SALT)

Appendix: Examples of title, header, footer, caption, legend and mainframe on all diagram

Activity

Archimate

Class

Component, Deployment, Use-Case

Gantt project planning

Object

MindMap

Network (nwdiag)

Sequence

State

Timing

Work Breakdown Structure (WBS)

Wireframe (SALT)