Schnellstart

Bevor wir uns Schritt für Schritt in die Bibliothek und deren Handhabung einarbeiten, soll ohne viel Erklärung einfach nur eine Grafik-Display-Anwendung erstellt und getestet werden.

Voraussetzungen

Damit der erste Test erfolgreich verläuft empfiehlt es sich, diesen mit den geeigneten Hard- und Softwarekomponenten durchzuführen. Es gilt:

Neues Projekt anlegen

Schließen Sie das Experimentierboard an. Starten Sie SiSy und wählen neues Projekt. Geben Sie dem Projekt den Namen uGL_Schnellstart.

Wählen Sie das ARM Vorgehensmodell aus. Damit sind alle wichtigen Einstellungen für das Projekt und die darin enthaltenen Übungen als Default-Werte gesetzt.

Vorlage mit Beispiel laden

Das Grafik-Framework, Vorlagen und Beispiele werden aus dem SiSy LibStore online bezogen. Sobald Sie ein Projekt erstellt haben, bietet Ihnen SiSy geeignete Vorlagen aus dem LibStore an. Wählen Sie die Vorlage microGL Framework. Grenzen Sie die Liste ggf. mit dem Suchbegriff „UGL“ ein.

Nach dem Laden der Projektvorlage für das µGL-Framework erhalten Sie folgende Darstellung im Diagrammfenster.

Die Pakete enthalten im Wesentlichen zwei Bibliotheken. Das ist das SiSy ARM C++ Framework für den STM32 und das µGL Framework. Des Weiteren erhalten Sie zwei Klassendiagramme mit Grundgerüsten für Grafikanwedungen als Vorlage. Dabei wird zwischen Anwendungen mit und ohne GUI Komponenten der µGL unterschieden.

Firmware erstellen und übertragen

Die auf den ersten Blick einfachere Variante stellt eine einfache Anwendung ohne grafische Benutzeroberfläche dar. Öffnen Sie das Grundgerüst ohne GL.

Das Grundgerüst einer Grafikanwednung ohne GUI ist recht übersichtlich. Es enthält eine Applikationsklasse und deren Instanz. Diese aggregiert ein Display, welches die Realisierung eines konkreten Displaytreibers ist.

Die Operation onStart enthält exemplarische Befehle, welche elementare Funktionen des Displays ansprechen.

onStart:
display.clearScreen();
display.setFont( fontSmallPlain );
display.drawText( 10,10,"Hallo Display");
display.setFont( fontMediumPlain );
display.drawText( 10,25,"Hallo Display");
display.setFont( fontLargePlain );
display.drawText( 10,45,"Hallo Display");
display.setFont( font7Segment );
display.drawText( 10,75,"123456789");
Rect r(20,150,200,100);
display.drawRect(r);
display.drawLine(20,150,220,250);
display.setColor(RGB(90,90,200));
display.fillCircle(120,200,30);
r.top=260; r.height=40;
display.fillRectGradient(r,RGB(255,255,0),RGB(255,0,0),'v');

Wählen Sie im Fenster Objektbibliothek das Aktionsmenü.

Mit dem Menüpunkt Erstellen, Brennen Ausführen wird das Werkzeug SiSy angewiesen, die Quellcodes für das aktive UML Klassendiagramm und alle genutzen Bibliotheken zu generieren, zu kompilieren, zu linken und auf den Mikrocontroller zu übertragen.

Anwendung testen

Vergleichen Sie die Darstellung auf dem Display mit dem Quellcode der Operation onStart.

Videozusammenfassung

Geschaft, wir haben erfolgreich unsere erste Grafikanwendung erstellt, übertragen und getestet. Unsere Entwicklungsumgebung, bestehend aus Software und Hardware, funktioniert. Und hier diesen Abschnitt als Videozusammenfassung zum nochmal drüberschauen.

(Mit installiertem Flash kann man an dieser Stelle ein Video in dieser Web-Seite ansehen.)

Nächstes Thema

ugl_schnellstart.txt · Zuletzt geändert: 2013/12/13 10:35 von esche