Hallo an alle. Das Thema KI ist sehr aktuell und jeder Tag ist spannend.
Kürzlich habe ich versucht, ChatGPT4.0 und meine eigene Auszeichnungssprache (SpWML) zu verwenden, um die Benutzeroberfläche einer Flutter-Anwendung automatisch zu generieren.
Es stellte sich als interessantes Experiment heraus, also dachte ich, ich würde es teilen.
1. Experimenteller Hintergrund
ChatGPT ist für die meisten Menschen selbsterklärend, aber SpWML (https://pub.dev/packages/simple_widget_markup) könnte eine Erklärung wert sein.
SpWML ist eine Open-Source-Auszeichnungssprache für Flutter, die ich hauptsächlich für mein kleines Startup erstellt habe.
Um Ihnen ein sehr einfaches Beispiel zu geben: Sie können eine Flutter-Benutzeroberfläche mit einfachem Markup wie folgt erstellen:
(col, pAll:12)
+(h2, textColor:blue[700])Article title
+(row)
++(text, wt:1)left article content
++(text, wt:1)the content of the article on the right
col ist ein Block vertikal gestapelter untergeordneter Elemente und row ist ein Block horizontal gestapelter untergeordneter Elemente.
h2 gibt Text in Überschriftengröße an, und text gibt Text in normaler Größe an.
pAll:12 bedeutet Füllen in alle Richtungen, wt:1 bedeutet, dass das Elementgrößenverhältnis 1 beträgt.
Es ähnelt eher HTML als Ganzes, es gibt jedoch kein schließendes Tag und die Parameter enthalten keine doppelten Anführungszeichen.
Beziehungen zwischen Elementen (übergeordnetes/untergeordnetes Element) werden durch ein +-Zeichen am Anfang der Zeile gekennzeichnet.
Das Rendern mit dem SpWML-Editor (https://simple-widget-markup-editor.web.app/) sieht folgendermaßen aus.