MIT App Inventor – Texteingabebeispiel für Anfänger

Wenn wir eine Android-Anwendung verwenden, möglicherweise müssen wir vom Benutzer eingegebenen Text verarbeiten. Mit diesem einfachen kleinen Beispiel möchte ich zeigen, wie können wir einen eingegebenen Text verarbeiten.

NVIDIA SHIELD Android TV Pro Multimedia Player; 4K HDR Filme, Live Sport, Dolby Vision-Atmos, KI-unterstützte Video-Hochskalierung, GeForce NOW Cloud Gaming, Google Assistant integriert

NVIDIA SHIELD TV Pro

Android TV Pro Multimedia Player; 4K HDR Filme, Live Sport, Dolby Vision-Atmos, KI-unterstützte Video-Hochskalierung, GeForce NOW Cloud Gaming, Google Assistant integriert

werbung – amazon.de

Die mit diesem Artikel verknüpften ZIP-Dateien enthalten auch die Projektdatei (.aia) und die installierbare Anwendung (.apk). Es wurde nicht ausgiebig getestet, ich habe es nur auf meinem eigenen Handy ausprobiert, also installieren Sie es auf eigene Gefahr.

Gestalten wir unsere App wie auf der Seite ‚Designer‘.

Ziehen wir zuerst zwei ‚HorizontalArrangement‘-Layouts auf den Bildschirm und platzieren wir dann ein ‚Label‘ auf dem ersten für den Text, den wir anzeigen möchten. Das zweite Layout erfordert ein ‚TextBox‘-Textfeld und eine ‚Button‘-Schaltfläche.

Nehmen wir dann Einstellungen für jede Komponente in der Spalte ‚Properties‘ vor. Können wir experimentieren mit Farben, Größen usw.

MIT App Inventor - Designer - Textbox-Beispiel
MIT App Inventor – Designer – Textbox-Beispiel

Wenn wir fertig sind, gehen wir zum Blockeditor. Unten sehen wir, dass der „Code“ nicht sehr kompliziert ist.

Nach dem Drücken der Schaltfläche ‚Button1‘ entfernen wir die leeren Zeichen und überprüfen, ob das Textfeld ‚TextBox1‘ nicht leer ist. Falls leer, geben wir im Feld ‚Label1‘ eine Fehlermeldung mit der Aufschrift ‚Das Eingabefeld ist leer!‘ ein, andernfalls geben wir den eingegebenen Text ein.

MIT App Inventor - Blockeditor - Textbox-Beispiel
MIT App Inventor – Blockeditor – Textbox-Beispiel

Sehen wir uns an, was wir gemacht haben, öffnen wir die auf Ihrem Telefon installierte App „MIT AI2 Companion“ und scannen wir den QR-Code.

MIT App Inventor - Textbox-Beispiel
MIT App Inventor – Textbox-Beispiel

Projektdateien von hier heruntergeladen:  TextBoxExample.zip 

Wir können unsere Anwendung so ändern, dass der Text, vor dem Schließen der Anwendung angezeigt wird, beim nächsten Start im Feld ‚Label1‘ erscheint. Fügen wir auf der Seite „Designer“ eine Datenbankkomponente „TinyDB“ hinzu. Ziehen wir einfach auf den Bildschirm.

MIT App Inventor Designer - Textbox mit Datenbank Beispiel
MIT App Inventor Designer – Textbox mit Datenbank Beispiel

Gehen wir zur Blockeditorseite und ändern wir den „Code“ wie folgt.

MIT App Inventor Block Editor - Textbox mit Datenbank Beispiel
MIT App Inventor Block Editor – Textbox mit Datenbank Beispiel

Im ersten Block lesen wir aus beim Starten der Anwendung den zuvor gespeicherten Text aus der Datenbank. Wenn nicht gefunden, schreiben ein den Standardtext in ‚Label1‘ ein.

Im zweiten Block tragen wir zusätzlich zum vorherigen Beispiel den Wert von ‚TextBox1‘ in die Datenbank ein, damit wir diesen Text beim nächsten Start verwenden können.

Die Dateien für das zweite Beispiel: TextBoxDatabaseExample.zip