Die Würfel-App – Schritt 3

1.

Links im Bereich Benutzerschnittstelle findet ihr das Element, das ihr braucht.

Fügt ein Element des Typs Bild hinzu.

3.

Vergebt einen sinnvollen Namen dafür.

Benennt "Bild1" um und schreibt "WürfelBild".

4.

Noch gibt es keine Bilder.

In den Eigenschaften des Elements WürfelBild könnt ihr die Bilder hochladen.
Ladet dafür bei der Bildquelle die entsprechenden Bilder “W1” bis “W6” nacheinander hoch.

Am Anfang soll noch keine Würfelseite angezeigt werden. Deshalb wählt bei der Quelle keine aus.

1.

Öffnet jetzt oben rechts die Blöcke-Ansicht.

2.

Damit für jede gewürfelte Zahl ein anderes Würfelbild angezeigt wird benötigt ihr eine Liste.

Erstellt für die Liste eine Variable ("global initialisieren")

Da sich in dieser Variable eine Liste mit Würfelseiten befinden sollen, nennt die Variable “Würfelbilder”. Der Name wird im späteren Verlauf wichtig sein.

Eine global initialisierte Variable heißt, dass etwas festgelegt wird und man innerhalb eines Programms jederzeit darauf zugreifen kann.

3.

Erstellt einen Listen-Block des Typs Liste erstellen und verknüpft ihn mit dem anderen Block.

4.

Fügt über das Zahnrad-Symbol dem Block weitere Elemente und damit Andock-Stellen hinzu.

Zieht diese von der linken hin zur rechten Seite. Wir benötigen insgesamt sechs Stellen. 

5. 

Erstellt einen Text-Block mit dem Text "W1.png" und setzt ihn in die Liste.

6. 

Wiederholt diesen Schritt fünf Mal und benennt die Texte in "W2.png" bis "W6.png". Setzt die anderen Blöcke auch in die Liste und achtet dabei, dass "W1.png" an der ersten Position steht, "W2.png" an zweiter und so weiter.

Tipp: Ihr könnt Elemente per Rechtsklick auch duplizieren. Auf Tablets müsst ihr mit dem Finger länger auf das Element drücken und warten bis das Kontextmenü erscheint.

1.

Ihr wollt jetzt, dass ein Bild in euren Bildschirm gesetzt wird, wenn ihr würfelt.

Erstellt einen Setze-Block für WürfelBild. Hier soll die Eigenschaft Bild geändert werden.

2.

Erstellt einen Listenelement wählen-Block

Dieser Block wählt aus einer Liste das Element aus, das sich an einer bestimmten Position befindet. 

3.

Um die richtige Liste zu finden, müsst ihr auf die Variable zugreifen.

Erstellt ein Variable-hole-Element für die Liste und wählt die Liste aus.

4.

Zuletzt benötigt ihr noch die aktuell gewürfelte Zahl.

Dieses holt ihr euch aus dem ErgebnisTextFeld. 

5. 

Verknüpft die Elemente nun so, dass die Würfelseite auf die aktuell gewürfelte Zahl gesetzt wird. 

Euer Ergebnis sollte so aussehen:

1.

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

2.

Öffnet die App AI Companion auf eurem Test-Smartphone und wählt scan QR code.

Vergesst nicht den Haken bei Use Legacy Connection zu setzen.

3.

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