Die Würfel-App – Schritt 1

1.

Links im Bereich Benutzerschnittstelle findet ihr die Elemente, die ihr braucht.

2.

Fügt ein Element des Typs Taste in das Handydisplay hinzu.

Fügt ein Element des Typs Bezeichnung hinzu.

3.

Vergebt einen sinnvollen Namen für die Elemente. Benennt "Taste1" um und schreibt "WürfelTaste".

Benennt "Bezeichnung1" um und schreibt "ErgebnisTextFeld".

4.

Rechts findet ihr die Eigenschaften eurer Elemente. Hier könnt ihr den angezeigten Text, die Farbe und vieles mehr, ändern.

Ändert den Platzhalter-Text eurer Elemente:

Ändere den Text der "WürfelTaste" von "Text für Taste1" zu "Würfeln!".

Löscht für das "ErgebnisTextFeld" den Text und lasst das Feld leer. Später soll hier das gewürfelte Ergebnis angezeigt werden.

Ihr könnt auch den Screen-Namen ändern wenn ich das wollt.

5.

So sollte euer Screen aussehen:

1.

Öffnet jetzt oben rechts die Blöcke-Ansicht. Dort sorgt ihr dafür, dass mit eurer WürfelTaste auch etwas passiert. Ihr programmiert nun die Funktionen.

2.

Links seht ihr den Bereich “Blöcke”, dort findet ihr die Bausteine, die ihr benötigt.

3.

Wenn ihr wollt, dass etwas mit eurem Element passiert, müsst ihr das Element im “Blöcke”-Bereich wählen und den passenden Baustein suchen.

Klickt auf den Bereich WürfelTaste. Der Bereich kann anders heißen, wenn ihr die Taste zuvor nicht umbenannt habt.

Zieht ein Klick-Ereignis in die leere Seite.

4.

Ihr wollt, dass eine Zahl in eurem ErgebnisTextFeld erscheint, wenn ihr die WürfelTaste klickt.

Zieht aus dem Bereich ErgebnisTextFeld einen Setze-Block mit der Eigenschaft HintergrundFarbe des Ergebnis-Textfelds in das erste Baustein.

Ändert die Eigenschaft HintergrundFarbe mit einem klick in Text. Denn ihr wollt den Text ändern, nicht die Farbe.

5.

Geht in den Bereich “Mathematik”

Berechnet eine zufällige Zahl zwischen 1 und 6.

6.

Verknüpft die Elemente sinnvoll, so dass die gewünschte Funktion ausgeführt wird.

So sollte euer Screen aussehen:

1.

Klickt im App Inventor oben auf Verbinden und wählt AI Companion.

2.

Öffnet die App AI Companion auf eurem Test-Smartphone.

Setzt den Haken bei Use Legacy Connection.

Wählt scan QR code.

3.

Scannt den QR-Code auf dem Computerbildschirm – die App wird geladen.