Workshops App-Entwicklung

Zähler-App – Schritt 4

Freie Zählereingabe


Ziel 4

Über ein Textfeld können beliebige Zahlen addiert oder subtrahiert werden.


Design-Ansicht

Benötigt werden:

  1. Ein Element des Typs TextFeld

  2. Zwei Elemente des Typs Taste

Vergebt einen sinnvollen Text für die Tasten und sinnvolle Namen für die Elemente. Passt die Schriftgrößen an.



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

zaehler4_designer.png

zaehler3_designer2.png



Blöcke-Ansicht (Programmierung)

Funktion Freier Zähler

Auslöser: Klick auf Tasten

Zu verändernde Elemente: Ergebnis → setze Text

Berechnung: Ergebnis + Wert in Textfeld, Ergebnis - Text in Textfeld


  1. Erstellt je ein Klick-Ereignis für die beiden neuen Tasten

  2. Ergänzt den Code und passt die relevanten Stellen an. An Stelle eines festen Zahlenwertes soll nun jeweils der Wert aus dem TextFeld addiert oder subtrahiert werden. Tipp: Ihr könnt Elemente per Rechtsklick duplizieren. 

  3. Überlegt euch, wie verhindert wird, dass die Minus-Taste ein negatives Ergebnis erzeugt.


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

zaehler4_bloecke.png



Testen

  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?

  4. Funktionieren die bisherigen Tasten weiterhin?

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