{"id":3514,"date":"2016-11-16T17:42:00","date_gmt":"2016-11-16T15:42:00","guid":{"rendered":"http:\/\/www.tutego.de\/blog\/javainsel\/?p=3514"},"modified":"2016-11-16T17:42:00","modified_gmt":"2016-11-16T15:42:00","slug":"plantuml-styling-diagramme","status":"publish","type":"post","link":"https:\/\/www.tutego.de\/blog\/javainsel\/2016\/11\/plantuml-styling-diagramme\/","title":{"rendered":"PlantUML, Styling von Diagrammen"},"content":{"rendered":"<p>PlantUML ist ein Open Source Projekt, zum Erstellen von UML-Diagrammen in einer textuellen Sprache. Zum Beispiel:<\/p>\n<pre>Bob-&gt;Alice : hello<\/pre>\n<p>Die Heimat des Projektes ist\u00a0<a href=\"http:\/\/plantuml.com\/\">http:\/\/plantuml.com\/<\/a>.<\/p>\n<p>Man beschreibt sein grafisches Projekt in dieser Sprache und die Software erzeugt dann das Diagramm. Allerdings ist der Standardstyle weit vom &#8222;quasi&#8220;-Standard entfernt. Um aber auch User in Genuss dieser Software kommen zu lassen, die grafisch weniger bunte\u00a0Diagramme vorziehen, bedarf es einiger Anpassungen.<\/p>\n<p>Im Folgenden ein paar Anpassungen, die mit PlantUML ein Diagramm erzeugen, das mehr dem &#8222;quasi&#8220; Standard entspricht:<\/p>\n<pre>skinparam monochrome true<\/pre>\n<p>Entfernt die Farben aus dem Diagramm<\/p>\n<pre>skinparam shadowing false<\/pre>\n<p>Entfernt den Schlagschatten<\/p>\n<pre>skinparam classAttributeIconSize 0<\/pre>\n<p>Entfernt die Custom-Icons vor Klassenattributen und Methoden (Nur Klassendiagramm)<\/p>\n<pre>skinparam DefaultFontName arial<\/pre>\n<p>Legt die Standard-Schriftart fest (Der Name ist hier Systemabh\u00e4ngig)<\/p>\n<pre>skinparam DefaultFontSize 12<\/pre>\n<p>Legt die Standard-Schriftgr\u00f6\u00dfe in Pixeln fest.<\/p>\n<pre>skinparam ClassFontStyle bold<\/pre>\n<p>\u00c4ndert die Schrift im Klassenkopf auf Fettdruck (Nur Klassendiagramm)<\/p>\n<pre>hide empty fields<\/pre>\n<p>Versteckt leere Felder zB.wenn eine Klasse keine Attribute hat.<\/p>\n<pre>hide circle<\/pre>\n<p>Versteckt das Icon vor den Klassennamen<br \/>\nDer Effekt:<\/p>\n<figure id=\"attachment_3515\" aria-describedby=\"caption-attachment-3515\" style=\"width: 455px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withoutparam.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3515 size-full\" src=\"http:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withoutparam.png\" alt=\"PlantUML Standard\" width=\"455\" height=\"323\" srcset=\"https:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withoutparam.png 455w, https:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withoutparam-300x213.png 300w\" sizes=\"auto, (max-width: 455px) 100vw, 455px\" \/><\/a><figcaption id=\"caption-attachment-3515\" class=\"wp-caption-text\">PlantUML Standard<\/figcaption><\/figure>\n<p>Anzeige parametrisiert:<\/p>\n<figure id=\"attachment_3516\" aria-describedby=\"caption-attachment-3516\" style=\"width: 432px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withparam.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3516 size-full\" src=\"http:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withparam.png\" alt=\"PlantUML mit Parametern \" width=\"432\" height=\"308\" srcset=\"https:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withparam.png 432w, https:\/\/www.tutego.de\/blog\/javainsel\/wp-content\/uploads\/withparam-300x214.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/a><figcaption id=\"caption-attachment-3516\" class=\"wp-caption-text\">PlantUML mit Parametern<\/figcaption><\/figure>\n<h2>Zur Verwendung genannter Befehle<\/h2>\n<p>Um die Parameter einzusetzen, gen\u00fcgt es sie in dem K\u00f6rper des UML-Diagrammtextes, als erstes aufzuf\u00fchren z. B.:<\/p>\n<pre>@startuml\r\nskinparam monochrome true\r\nskinparam shadowing false\r\nskinparam classAttributeIconSize 0\r\nskinparam DefaultFontName arial\r\nskinparam DefaultFontSize 12\r\nskinparam ClassFontStyle bold\r\nhide empty fields\r\nhide circle\r\n...\r\n@enduml<\/pre>\n<p>Des Weiteren ist es m\u00f6glich, wenn man viele Diagramme hat, die man alle gleich gestalten m\u00f6chte, die Parameter einmalig in einer separaten Datei anzulegen, z. B. <em>style.iuml<\/em> und diese dann per <code>!include<\/code> einzubinden. In dieser Datei wird auf <code>@startuml<\/code> und <code>@enduml<\/code> verzichtet. Zur Verdeutlichung:<\/p>\n<p>Inhalt der <em>style.iuml<\/em>:<\/p>\n<pre>skinparam monochrome true\r\nskinparam shadowing false\r\nskinparam classAttributeIconSize 0\r\nskinparam DefaultFontName arial\r\nskinparam DefaultFontSize 12\r\nskinparam ClassFontStyle bold\r\nhide empty fields\r\nhide circle<\/pre>\n<p>Inhalt einer m\u00f6glichen UML-Datei<\/p>\n<pre>@startuml\r\n!include style.iuml\r\n...\r\n@enduml<\/pre>\n<p>Autor: Andr\u00e9 Fischer<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PlantUML ist ein Open Source Projekt, zum Erstellen von UML-Diagrammen in einer textuellen Sprache. Zum Beispiel: Bob-&gt;Alice : hello Die Heimat des Projektes ist\u00a0http:\/\/plantuml.com\/. Man beschreibt sein grafisches Projekt in dieser Sprache und die Software erzeugt dann das Diagramm. Allerdings ist der Standardstyle weit vom &#8222;quasi&#8220;-Standard entfernt. Um aber auch User in Genuss dieser Software [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-3514","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/3514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/comments?post=3514"}],"version-history":[{"count":1,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/3514\/revisions"}],"predecessor-version":[{"id":3517,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/3514\/revisions\/3517"}],"wp:attachment":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/media?parent=3514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/categories?post=3514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/tags?post=3514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}