♩♫♪♬
Hey, willkommen zurück. Wir sind Shay und Emily und wir sind hier mit dem dritten Tutorial der App Inventor Hour of Code.
- Hey Emily, ich fordere dich zu einem Zeichenduell heraus! - Zeig's mir!
Okay, das war kindisch aber überraschend spaßig.
Yeah. Es ist Zeit für den nächsten Schritt und wir haben dir gerade eine Aussicht gegeben.
Es wird eine großartige App. Für diese App machen wir eine Leinwand, auf der man den Finger wie einen Stift verwenden kann.
Wir nennen es "Digitales Kritzeln".
Okay, zurück zum Bildschirm. Haha, verstehst du? Bild-Schirm... ähm. Großartig. Also los.
Erneut, logge dich bei App Inventor ein, wenn du noch nicht dort bist.
Beginne ein neues Projekt. Nenne dieses "DigitalDoodle".
So wie bei der "Ball Bounce"-App brauchst du anfangs eine Leinwand.
Aber bevor wir das machen - erinnerst du dich an den Trick, der die App vom Scrollen abhält?
Richtig. Gehe in die Eigenschaften von "Screen1" und deaktiviere "Scrollable".
Nun füge eine Leinwand hinzu, die du unter "Drawing and Animation" findest.
Gehe zu den Eigenschaften der Leinwand und ändere die Einstellungen für Breite und Höhe auf "Fülle Elter".
Das vergrößert unsere Leinwand ein ganzes Stück.
Auch, obwohl wir sie noch nicht benutzen, ziehe eine Beschleunigungskomponente aus der Sensorenschublade und wirf sie auf die App.
Zeit für die Blöcke!
Okay, also das Event, das erkennt, wenn jemand den Finger auf der Zeichenfläche zieht, ist recht einfach zu erraten.
Klicke auf die Blöcke der Leinwandkomponente und sieh in die Schublade. Kannst du herausfinden, welchen Block du brauchst?
Richtig, du möchtest die Eventbehandlung für wenn "Canvas1" gezogen wird.
Diese Eventbehandlung hat eine Reihe von Parametern. Keine Sorge - die sind recht einfach zu verstehen.
Und du kannst Hilfe auf dem Bildschirm jeder Zeit bekommen, indem du die Maus über den Block bewegst. So.
Okay, großartig! So. Wir wollen immer eine Linie malen von wo der Finger zuletzt war zu wo er jetzt ist.
Im Grunde bringen wir die Zeichenfläche dazu, hunderte von Linien zwischen den Punkten der Fingerbewegung zu malen.
Das wird so aussehen, als malten wir auf dem Bildschirm des Smartphones.
Aber zuerst brauchen wir den Block, der eine Linie malt. Gehe wieder zu "Canvas1" und hol' diesmal den Block "call Canvas1.DrawLine".
Jetzt brachen wir die X- und Y-Koordinaten vom Anfang der Linie zu deren Ende.
Das "when Dragged"-Event ruft "DrawLine" immer und immer wieder während der Finger über den Bildschirm schleift.
Wir müssen lediglich die XY-Koordinaten für die Linien breitstellen.
Fahre fort und nutze vorheriges X und vorheriges Y.
Du wirst auch jetziges X und jetziges Y brauchen.
Nun, probiere deine App aus.
Sie sollte dich auf den Bildschirm zeichen lassen.
Die App ist ist großartig aber wäre es nicht cool, wenn du Schütteln könntest, um den Bildschirm zu löschen, statt einen Knopf zu drücken?
Ja, wie eine Zaubertafel.
Okay, es ist Zaubertafelzeit. Erinnere dich an den Beschleunigungssensor, den wir in die Komponentenliste getan haben.
Also können wir das jetzt programmieren.
Gehe zur Schublade des Beschleunigungssensors und ziehe "when Shaking" raus.
Der Block, den wir zum Löschen des Bildschirms brauchen, ist einfach gefunden.
Gehe zur Leinwand und wähle "call Canvas1.Clear". Stecke diesen violetten Block richtig in den Eventhandler für das Schütteln.
Großartig! Teste die App wieder.
Löscht sich die Zeichnung, wenn du es schüttelst?
Knorke! Wiederum haben wir eine einfache App gebaut, die auf verschiedene lustige Weisen erweitert werden kann.
Die App, die wir am Anfang des Tutorials demonstriert haben, lässt dich zuerst ein Bild machen und tut dieses Bild dann auf die Leinwand, wo du drauf malen kannst.
Du kannst auch Knöpfe erstellen, um die Farbe der Tinte für die Zeichnung zu ändern.
All diese Erweiterungen werden in dem "PaintPot"-Tutorial auf unserer Webseite erklärt.
Wie du sehen kannst, gibt es endlos viele Möglichkeiten, was du mit App Inventor bauen kannst. Es reicht an fast alle Fähigkeiten deines Smartphones heran.
Du kannst sogar Text senden und empfangen und anrufen, wenn du ein voll funktionstüchtiges Smartphone hast.
Sogar auf einem Tablet, über WLAN, kannst du ganz coole Sachen machen.
Danke, dass du mitgemacht hast. Wenn du interessiert bist, mehr über App Inventor zu lernen, gehe auf die App Inventor Webseite.
Frohes Erfinden!
♩♫♪♬