Um ein neues SVG Steuerelement anzulegen, klicken Sie im Projekt Explorer auf „SVG Steuerelemente“.
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.
Der SVG-Chatbot öffnet sich automatisch.
Durch Eingabe von Fließtext kann dem SVG-Chatbot Anweisung gegeben werden, was für ein SVG erstellt werden soll.
Hierbei ist wichtig zu erwähnen: „Ein Haus ist nicht einfach nur ein Haus“. Um zu genauer und explizierter das gewünschte SVG dem Chatbot beschrieben wird, desto besser sind die Ergebnisse.
Möchte Sie dem SVG Eigenschaften oder Aktionen hinzufügen verwenden Sie die Schlüsselwörter „Eigenschaft“ und „Aktion“.
„Create a rectangular house with a triangular roof. The house should have 1 door in the middle and 2 windows slightly offset above the door. I would like to be able to set the color of the roof over a property.“
Durch die Enter-Taste oder einem Klick auf den Arrow-Button wird die Anweisung an den Chatbot gesendet. Dies kann einen Moment dauern.
Zusätzlich haben Sie die Option, die Anweisung an den SVG-Chatbot zu wiederholen oder die komplette Historie für dieses SVG zu löschen.
Nachdem QuickHMI die Antwort erhalten hat, wird das SVG direkt im SVG Code-Block geschrieben.
Zusätzlich können Sie im SVG-Chatbot Fenster sehen, das der SVG-Chatbot noch eine Erklärung zu dem SVG bereitstellt. Eine Historie wird aufgebaut.
Jetzt können Sie entweder selber weitere Änderungen am SVG vornehmen oder weiter Anweisungen an den SVG-Chatbot geben bis Sie mit dem Ergebnis zufrieden sind.
Auch bereits vorhandene SVGs können in ein SVG mit Chatbot-Funktion umgewandelt werden. Klicken Sie dazu doppelt auf das Symbol in der SVG-Liste links neben dem Namen.
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.
Wie Sie SVG Steuerelemente, sowie Standard-Steuerelemente verwenden, erfahren Sie im Artikel „Steuerelemente„.
