.svg)
Linien zeichnen
Statt einzelner Punkte wollen wir nun Linien zeichnen – wie der Finger über die Zeichenfläche gleitet.
1.) In der Design-Ansicht
Benötigt werden:
Für diesen Schritt werden keine neuen Elemente benötigt.
2.) In der Blöcke-Ansicht (Programmierung)
Auslöser: Finger über Zeichenfläche ziehen
Zu verändernde Elemente: Zeichenfläche → ZeichneLinie
Berechnung: Linie vom Start (vorherX, vorherY) zum Ziel (aktuellesX, aktuellesY)
Programmiert mit den Elementen:
|
1. |
Erstellt ein |
|
|
2. |
Erstellt einen |
|
|
3. |
Damit eine Linie gezeichnet wird, müsst ihr einen Startpunkt (vorherX, vorherY) und einen Endpunkt (aktuellesX, aktuellesY) angeben. Diese Punkte holt ihr euch aus dem Gezogen-Event. |
|
|
4. |
So könnte das dann aussehen. |
|
3.) Testen
Funktioniert unsere App?
|
1. |
Klickt im App Inventor oben auf Verbinden und wählt |
|
|
2. |
Öffnet die App Vergesst nicht den Haken bei |
|
|
3. |
Scannt den QR-Code auf dem Computerbildschirm - die App wird geladen. |
|
Testet die App nun ausführlich!
-
Könnt ihr nun Linien auf der Zeichenfläche malen?
-
Wird die Linie an der Stelle gemalt, über die ihr mit dem Finger zieht?
-
Wechselt die Stiftfarbe ihre Farbe, wenn ihr eine andere Farbe auswählt?
-
Könnt ihr weiterhin Punkte malen?
Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!