.svg)
Linien zeichnen
Statt einzelner Punkte wollen wir nun Linien zeichnen – wie der Finger über die Zeichenfläche gleitet.
Design-Ansicht
Benötigt werden:
Für diesen Schritt werden keine neuen Elemente benötigt.
Hilfe benötigt? So könnte das aussehen...
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)
-
Erstellt ein Gezogen-Ereignis für die Zeichenfläche
-
Erstellt einen ZeichneLinie-Block für die Zeichenfläche und verknüpft diesen mit dem Ereignis
-
Damit eine Linie gezeichnet wird, müsste ihr einen Startpunkt (vorherX, vorherY) und einen Endpunkt (aktuellesX, aktuellesY) angeben. Diese Punkte holt ihr euch aus dem Gezogen-Event.
Hilfe benötigt? Hier gibt es die Lösung...
Testen
-
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!