0:00:02.376,0:00:12.115
♩♫♪♬

0:00:12.363,0:00:17.482
Hey, willkommen zurück. Wir sind Shay und Emily und wir sind hier mit dem dritten Tutorial der App Inventor Hour of Code.

0:00:17.625,0:00:20.779
- Hey Emily, ich fordere dich zu einem Zeichenduell heraus![br]- Zeig's mir!

0:00:27.024,0:00:29.558
Okay, das war kindisch aber überraschend spaßig.

0:00:29.648,0:00:33.803
Yeah. Es ist Zeit für den nächsten Schritt und wir haben dir gerade eine Aussicht gegeben.

0:00:33.913,0:00:40.180
Es wird eine großartige App. Für diese App machen wir eine Leinwand, auf der man den Finger wie einen Stift verwenden kann.

0:00:40.443,0:00:42.092
Wir nennen es "Digitales Kritzeln".

0:00:42.162,0:00:49.105
Okay, zurück zum Bildschirm. Haha, verstehst du? Bild-Schirm... ähm. Großartig. Also los.

0:00:49.186,0:00:52.485
Erneut, logge dich bei App Inventor ein, wenn du noch nicht dort bist.

0:00:52.566,0:00:56.906
Beginne ein neues Projekt. Nenne dieses "DigitalDoodle".

0:00:56.990,0:01:00.940
So wie bei der "Ball Bounce"-App brauchst du anfangs eine Leinwand.

0:01:01.011,0:01:06.038
Aber bevor wir das machen - erinnerst du dich an den Trick, der die App vom Scrollen abhält?

0:01:06.723,0:01:11.545
Richtig. Gehe in die Eigenschaften von "Screen1" und deaktiviere "Scrollable".

0:01:11.638,0:01:16.580
Nun füge eine Leinwand hinzu, die du unter "Drawing and Animation" findest.

0:01:16.681,0:01:23.585
Gehe zu den Eigenschaften der Leinwand und ändere die Einstellungen für Breite und Höhe auf "Fülle Elter".

0:01:23.706,0:01:25.517
Das vergrößert unsere Leinwand ein ganzes Stück.

0:01:25.680,0:01:34.143
Auch, obwohl wir sie noch nicht benutzen, ziehe eine Beschleunigungskomponente aus der Sensorenschublade und wirf sie auf die App.

0:01:34.602,0:01:36.738
Zeit für die Blöcke!

0:01:37.073,0:01:42.576
Okay, also das Event, das erkennt, wenn jemand den Finger auf der Zeichenfläche zieht, ist recht einfach zu erraten.

0:01:42.668,0:01:49.253
Klicke auf die Blöcke der Leinwandkomponente und sieh in die Schublade. Kannst du herausfinden, welchen Block du brauchst?

0:01:50.190,0:01:53.686
Richtig, du möchtest die Eventbehandlung für wenn "Canvas1" gezogen wird.

0:01:53.770,0:01:59.678
Diese Eventbehandlung hat eine Reihe von Parametern. Keine Sorge - die sind recht einfach zu verstehen.

0:01:59.735,0:02:05.207
Und du kannst Hilfe auf dem Bildschirm jeder Zeit bekommen, indem du die Maus über den Block bewegst. So.

0:02:05.863,0:02:11.808
Okay, großartig! So. Wir wollen immer eine Linie malen von wo der Finger zuletzt war zu wo er jetzt ist.

0:02:11.912,0:02:17.510
Im Grunde bringen wir die Zeichenfläche dazu, hunderte von Linien zwischen den Punkten der Fingerbewegung zu malen.

0:02:17.596,0:02:20.913
Das wird so aussehen, als malten wir auf dem Bildschirm des Smartphones.

0:02:20.980,0:02:30.915
Aber zuerst brauchen wir den Block, der eine Linie malt. Gehe wieder zu "Canvas1" und hol' diesmal den Block "call Canvas1.DrawLine".

0:02:33.224,0:02:37.774
Jetzt brachen wir die X- und Y-Koordinaten vom Anfang der Linie zu deren Ende.

0:02:37.870,0:02:44.185
Das "when Dragged"-Event ruft "DrawLine" immer und immer wieder während der Finger über den Bildschirm schleift.

0:02:44.294,0:02:47.792
Wir müssen lediglich die XY-Koordinaten für die Linien breitstellen.

0:02:47.850,0:02:51.449
Fahre fort und nutze vorheriges X und vorheriges Y.

0:02:52.757,0:02:56.041
Du wirst auch jetziges X und jetziges Y brauchen.

0:02:57.576,0:02:58.836
Nun, probiere deine App aus.

0:02:59.774,0:03:01.179
Sie sollte dich auf den Bildschirm zeichen lassen.

0:03:03.397,0:03:08.820
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?

0:03:08.883,0:03:10.363
Ja, wie eine Zaubertafel.

0:03:10.471,0:03:16.182
Okay, es ist Zaubertafelzeit. Erinnere dich an den Beschleunigungssensor, den wir in die Komponentenliste getan haben.

0:03:16.322,0:03:18.484
Also können wir das jetzt programmieren.

0:03:18.573,0:03:22.811
Gehe zur Schublade des Beschleunigungssensors und ziehe "when Shaking" raus.

0:03:22.871,0:03:26.145
Der Block, den wir zum Löschen des Bildschirms brauchen, ist einfach gefunden.

0:03:26.245,0:03:34.660
Gehe zur Leinwand und wähle "call Canvas1.Clear". Stecke diesen violetten Block richtig in den Eventhandler für das Schütteln.

0:03:35.670,0:03:37.021
Großartig! Teste die App wieder.

0:03:37.148,0:03:39.377
Löscht sich die Zeichnung, wenn du es schüttelst?

0:03:39.457,0:03:45.584
Knorke! Wiederum haben wir eine einfache App gebaut, die auf verschiedene lustige Weisen erweitert werden kann.

0:03:45.656,0:03:55.059
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.

0:03:55.172,0:03:59.149
Du kannst auch Knöpfe erstellen, um die Farbe der Tinte für die Zeichnung zu ändern.

0:03:59.216,0:04:03.777
All diese Erweiterungen werden in dem "PaintPot"-Tutorial auf unserer Webseite erklärt.

0:04:03.880,0:04:10.817
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.

0:04:10.888,0:04:15.349
Du kannst sogar Text senden und empfangen und anrufen, wenn du ein voll funktionstüchtiges Smartphone hast.

0:04:15.436,0:04:18.555
Sogar auf einem Tablet, über WLAN, kannst du ganz coole Sachen machen.

0:04:18.652,0:04:24.490
Danke, dass du mitgemacht hast. Wenn du interessiert bist, mehr über App Inventor zu lernen, gehe auf die App Inventor Webseite.

0:04:24.603,0:04:26.305
Frohes Erfinden!

0:04:26.409,0:04:36.091
♩♫♪♬