Skip to main content

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...


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...


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!


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.