.svg)
Zeichnen-App – Schritt 3 (Überarbeitete Version)
Linien zeichnen
Ziel 3
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)
Linie zeichnen
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!