Erstellen Sie mit dem QuickHMI Editor ganz einfach Ihre individuellen Steuerelemente.
Wie Sie dies realisieren, erfahren Sie in den folgenden Artikel.
Anlegen und Löschen eines SVG Steuerelements
Um ein neues SVG Steuerelement anzulegen, klicken Sie im „Projekt Explorer“ auf 
„SVG Steuerelemente“.
Es öffnet sich der „SVG Control Manager„, der ähnlich aufgebaut ist wie der „HTML Manager“.
Sie haben zwei Möglichkeiten ein neues SVG anzulegen:
– Mit einem Klick auf das Plus-Icon wird ein neues leeres SVG anzulegen, welches Sie jezt selbständig füllen können.
– Mit einem Klick auf das AI-Icon wird ebenso ein neues leeres SVG anzulegen, welches Sie jetzt aber mit Hilfe des SVG-Chatbotes füllen können. Wie Sie ein SVG mit Hilfe des SVG-Chatbots erstellen könne, erfahren Sie im Artikel „Erstellen von SVG’s mit Chatbot„.
In unserem Beispiel wird ein SVG ohne Unterstützung des SVG-Chatbots erstellt.
Bestimmen Sie anschließend den Namen Ihres neuen SVG’s.
Ein noch leeres SVG wird erstellt, für welches jetzt via Syntax Eigenschaften und Aktionen, sowie Inhalte definiert werden können. Dies geschieht im Bereich „SVG“ des „SVG Control Managers“.
Wie genau Sie Aktionen und Eigenschaften definieren, erfahren Sie im folgenden Artikel: Hinzufügen von Eigenschaften und Aktionen
Das erstellte SVG Steuerelement erscheint bei den anderen Steuerelementen unter „SVG“. Sie können mit Ihnen so interagieren, wie Sie es mit allen anderen Steuerelementen bereits kennen.
Um erstellte SVG Steuerelemente wieder zu löschen, klicken Sie einfach auf den Löschen-Button oder markieren Sie das SVG und drücken Sie die Entfernen-Taste. Das SVG verschwindet dann auch wieder aus der Liste mit den SVG Steuerelementen.
Exportieren und importieren von SVG’s
Um ein erstelltes Steuerelement zu exportieren, klicken Sie einfach auf den Export-Button innerhalb der Toolbar.
Wählen Sie anschließend noch den Dateipfad aus, und exportieren Sie das SVG. Dieses wird unter demselben Namen exportiert, wie Sie es im „SVG Control Manager“ erstellt haben.
Das SVG kann dann beispielsweise in einem Browser Ihrer Wahl geöffnet werden.
Um ein vorhandenes Steuerelement zu importieren, wählen Sie den Import-Button.
Wählen Sie anschließend Ihr gewünschtes SVG aus und bestätigen Sie. Dieses wird dann in den „SVG Control Manager“ geladen und kann bearbeitet werden.
