UIFlow-GU-DesignerAus Attraktor WikiVersion vom 19. März 2020, 16:24 Uhr von Kapest (Diskussion | Beiträge) Von Peter (peter@attraktor.org) Bilderprefix: {{{1}}} Bilderpräfix: M5-UIF-GUI-...
InhaltsverzeichnisÜbersichtDas KoordinatensystemDas Koordinatensystem des Displays dient dazu die Elemente auf dem Display präzise anzuordnen. Es hat seinen Ursprung immer oben links. Die X-Achse verläuft nach rechts und die Y-Achse verläuft nach unten. Beim M5Stack Core stehen auf der X-Achse Werte zwischen 0 und 319 und auf der Y-Achse von 0 bis 239 zur Verfügung. Beim M5StickC sind es bei vertikaler Ausrichtung - so wie im GU-Designer abgebildet - auf der X-Achse Werte zwischen 0 und 79, auf der Y-Achse von 0 bis 159. Wenn der M5StickC in horizontaler Position (rotation mode 1) eingesetzt werden soll, so enthält die X-Achse die Werte von 0 bis 159 und die Y-Achse Werte von 0 bis 79. Da das alles recht verwirrend klingt ein paar Bilder zur Klärung: Title - TitelDas Titel-Element kann nur einmal auf dem Display erscheinen. Um es auf dem Display erscheinen zu lassen wird es wird das Title-Symbol oben links angeklickt und mit gedrückter linker Maustaste auf das Display geschoben. Dort die Taste loslassen und es plaziert sich automatisch in der obersten Reihe. Ein Linksklick auf das Titel-Element im Display öffnet das Eigenschaften-Fenster. In diesem Fenster können folgende Eigenschaften eingestellt werden:
Mit der Ebene-Eigenschaft habe ich mich noch nicht beschäftigt. Ich vermute, dass damit bestimmt wird welches Element welches verdeckt. Andererseits habe ich anderer Stelle festgestellt, dass immer das zuletzt dargestellt Element oben liegt. Im Blockly-Menü ist unter UI nun eine neue Rubrik Title erschienen. Sie enthält die Blöcke zur programmgesteuerten Manipulation des Titel-Elements. So lässt sich
Bei den RGB-Werten sieht es so aus, als können dort auch Variablen eingefügt werden. Die IDE läßt das auch zu. Bei meinen Versuchen kam es aber zur Fehlermeldung, wenn dieser Block in laufenden Programm abgearbeitet wurde. Parallel zur Programmierung mit Blockly wird ein Micropython-Programm erstellt. Dieses kann durch einen Mausklick auf Python angezeigt werden. Hier ist zu sehen, dass ein Objekt vom Typ M5Tiltle() mit dem Namen tiltle0 erzeugt wird. Nun habe ich alle Blöcke die zum Titel-Element gehören mit Blockly unter Setup verschoben und man kann nun die entsprechenden Micropython Kommandos sehen. Es sind nur 4 Kommandos:
Label - BezeichnungM5-UIF-GUI-020.png Rect - RechteckM5-UIF-GUI-030.png Circle - KreisM5-UIF-GUI-040.png Image - BildM5-UIF-GUI-050.png M5StickC mit horizontalem DisplayM5-UIF-GUI-060.png |