Workshops App-Entwicklung

Zähler-App – Schritt 1

Hoch- und runterzählen


Ziel 1

Beim Tippen auf die Plus-Taste zählt der Zähler hoch, beim Tippen auf die Minus-Taste zählt der Zähler herunter.


Design-Ansicht

Benötigt werden:

  1. Zwei Elemente des Typs Taste

  2. Ein Element des Typs Bezeichnung

Vergebt einen sinnvollen Text für die Tasten und sinnvolle Namen für die Elemente. Benennt Screen1 um. Ersetzt den Platzhalter-Text mit "0" für das Bezeichnung-Element. Passt die Schriftgrößen in den Einstellungen an.

Tipp: Mit Elementen aus dem Bereich "Anordnung" könnt ihr die Elemente schön mittig platzieren. 


Hilfe benötigt? So könnte das aussehen...

zaehler1_designer.png



Blöcke-Ansicht (Programmierung)

Funktion Zähler

Auslöser: Klick auf Plus-Taste, Klick auf Minus-Taste

Zu verändernde Elemente: Ergebnis → setze Text

Berechnung: Ergebnis + 1, Ergebnis - 1


  1. Erstellt ein Klick-Ereignis für die Plus-Taste

  2. Erstellt einen Setze-Block für die Eigenschaft Text des Ergebnis-Textfelds

  3. Berechnet die Summe des aktuellen Ergebnis + 1

  4. Verknüpft die Blöcke sinnvoll, so dass die gewünschte Funktion ausgeführt wird

  5. Wiederholt die Schritte für die Minus-Taste

Damit der Zähler nicht negativ wird, müssen wir beim Klick auf die Minus-Taste zusätzlich prüfen, ob die Zahl größer als 0 ist. 

  1. Erstellt einen wenn-dann-Block (aus dem Bereich Steuerung). 

  2. Erstellt einen Prüf-Block "Zahl = Zahl" (aus dem Bereich Mathematik) und stellt die Prüfung auf größer (>) um. 

  3. Nur wenn das Ergebnis größer als ist, darf heruntergezählt werden. Ergänzt die fehlenden Blöcke!


Hilfe benötigt? Hier gibt es die Lösung...

zaehler1_bloecke.png



Testen

Vorbereitungen zum Testen

  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

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

Testet die App nun ausführlich!

  1. Erhöht sich die Zahl beim Tippen auf die Plus-Taste?

  2. Verringert sich die Zahl beim Tippen auf die Minus-Taste?

  3. Kann die Zahl kleiner als Null werden?

Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!