MIT App Inventor – Mehrsprachige Android-Anwendung erstellen

Wenn wir unsere Android-Anwendung weit verbreiten möchten, es kann sinnvoll sein, sie in mehreren Sprachen zur Verfügung zu stellen. Mit MIT App Inventor können wir ganz einfach mehrsprachige Android-Anwendung erstellen.

Dein Smartphone mit Android 11: Einfach alles können

Dein Smartphone mit Android 11 – Einfach alles können

Die besten Tipps und Tricks für alle Geräte Samsung, Sony, HTC, LG, etc…

werbung – amazon.de

Wenn Sie mit MIT App Inventor nicht vertraut sind, lesen Sie meinen Artikel über Android-Programmierung für Anfänger – MIT App Inventor .

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.

Die Projektdateien für diesen Artikel: MultilingualAppExample.zip

Wir können MIT App Inventor – ein einfaches Android-Menü als Ausgangspunkt verwenden :   MenuExample.zip .

Die neue Anwendung wird in drei Sprachen verfügbar sein, Englisch, Deutsch und Ungarisch.

Es ausweiten wir zuerst die ‚MenuExample‘-Bildschirme auf der ‚Designer‘-Seite. Fügen wir jedem Bildschirm eine ‚TinyDB‘-Komponente aus dem ‚Storage‘-Untermenü hinzu.

MIT App Inventor - Mehrsprachiger Android-App-Startbildschirm
MIT App Inventor – Mehrsprachiger Android-App-Startbildschirm

Fügen wir außerdem eine ‚HorizontalArrangement‘ zum Bildschirm ‚Einstellungen‘ hinzu und platzieren wir dann eine ‚ListPicker‘- und eine ‚Label‘-Komponente darauf. Geben wir den Komponenten einen leicht erkennbaren Namen, damit die Blöcke im Blockeditor übersichtlicher sind.

In diesem Fall habe ich ‚LanguageListPicker‘ und ‚LanguageLabel‘ genannt.

MIT App Inventor - Bildschirm für mehrsprachige Android-App-Einstellungen
MIT App Inventor – Bildschirm für mehrsprachige Android-App-Einstellungen

Die ‚LanguageListPicker‘-Button ‚Text‘ feld fügen wir ‚Language‘ aufschrift hinzu, und geben wir [English, Deutsch, Magyar] zum ‚ElementsFromString‘ ein.

Wenn wir fertig sind, können wir zum Blockeditor gehen. Beginnen wir mit den Blöcken für den Bildschirm „Settings“.

MIT App Inventor - Einstellungsblöcke
MIT App Inventor - Einstellungsblöcke
MIT App Inventor – Einstellungsblöcke

Der erste Block ist für das Schließen des Bildschirms zuständig, dies ist bereits aus der Anwendung ‚MenuExample‘ bekannt. diese wird mit den folgenden Blöcken erweitert.

Im zweiten Block, wenn wir den Bildschirm ‚Settings‘ öffnen, fragen wir die Datenbank nach den zuvor gespeicherten Spracheinstellungen ab. Wenn es nicht gefunden (z. B. beim ersten Start der Anwendung), ist die Standardsprache Englisch. Anschließend ändern wir die Werte der ‚Text‘-Felder für die Komponenten.

Der dritte Block wird durch Klicken auf die Schaltfläche ‚LanguageListPicker‘ ausgeführt. Hier werden die Einstellungen für die ausgewählte Sprache in der Datenbank gespeichert und die ‚Text‘-Werte entsprechend angepasst.

Bearbeiten wir als Nächstes die Blöcke auf dem Startbildschirm unserer Android-App. Der erste Block unten ist der Block für das Menü.

MIT App Inventor - Home-Menüblöcke
MIT App Inventor – Home-Menüblöcke

Fügen wir dann die folgenden beiden Blöcke hinzu. Der zweite Block wird ausgeführt, wenn die Anwendung geöffnet wird. Die Datenbank ruft die gespeicherten Spracheinstellungen ab. Wenn dies fehlschlägt, ist die Standardsprache Englisch, genau wie beim Öffnen des Bildschirms „Settings“. Wir schreiben dann die Werte in den ‚Text‘-Feldern entsprechend um.

MIT App Inventor - Startbildschirmblöcke
MIT App Inventor - Startbildschirmblöcke
MIT App Inventor – Startbildschirmblöcke

Der dritte Block macht dasselbe wie der vorherige, er wird nur ausgeführt, wenn ein anderer Bildschirm geschlossen wird, sodass sie hierher zurückkehren.

Und der Bildschirm „About“. Fügen wir dazu eine Datenbankkomponente hinzu.

MIT App Inventor - Mehrsprachige Android-App über den Bildschirm
MIT App Inventor – Mehrsprachige Android-App – Info-Bildschirm

Schauen wir uns den Blockeditor an, auch hier gibt es keine große Magie. Der erste Block wird aktiviert, wenn der Bildschirm ‚About‘ geöffnet wird. Lesen wir aus der Datenbank die Spracheinstellungen und modifizieren die Textelemente.

MIT App Inventor - Über Bildschirmblöcke
MIT App Inventor - Über Bildschirmblöcke
MIT App Inventor – Über Bildschirmblöcke

Die nächsten beiden Blöcke rufen die ‚ActivityStarter‘-Komponente auf, wenn wir zwei anklickbare Elemente, die Schaltfläche oder das Bild drücken. Mit dieser Komponente können wir eine andere App auf unsere Gerät öffnen. Öffnen wir in diesem Fall den Webbrowser mit den angegebenen Parametern.

Der letzte Block schließt den Bildschirm durch Klicken auf die Schaltfläche Schließen. dafür sind wir bereit.

Wenn Sie dieses Beispiel ausfüllen, können Sie ganz einfach Ihre eigene mehrsprachige Anwendung erstellen.