Heute zeigen wir Ihnen, wie Sie mit dem Android App Inventor-Tool Ihre eigene Android-App erstellen können, ohne viel komplizierten Code schreiben zu müssen. Es ist ein wirklich einfacher Vorgang, der nur einiges Ziehen und Ablegen erfordert.
Soundboards gehören zu den am einfachsten zu erstellenden Apps mit App Inventor, daher zeigen wir Ihnen heute, wie Sie mit der Erstellung Ihrer eigenen Anwendung beginnen.
Dieser Gastartikel wurde geschrieben von Mitch Bartlett von Techniseiten, wo er viele ausführliche Smartphone-Tipps behandelt.
Installieren und Verwenden von App Inventor zum Erstellen einer App
Zuerst müssen Sie sicherstellen, dass Sie Java 1.6 oder höher installieren. Sie können es herunterladen unter http://www.java.com. Wenn Sie damit fertig sind, installieren Sie App Inventor gemäß den Anweisungen für Ihr Betriebssystem.
- Mac OS X
- GNU/Linux
- Fenster
Besuchen Sie den Abschnitt Meine Projekte der App Inventor-Website. Melden Sie sich an und stimmen Sie den Nutzungsbedingungen zu, wenn Sie dazu aufgefordert werden. Wählen Sie die Schaltfläche Neu, um eine neue App zu starten.
Geben Sie Ihrer App einen eindeutigen Namen und klicken Sie dann auf OK.
Der App Inventor-Viewer wird angezeigt. Dieser Bildschirm zeigt, wie Ihre App aussehen wird, wenn Sie sie erstellen. Zuerst möchten wir einen Titel für diesen Bildschirm erstellen. Drüben im Bereich Komponenten sollte Screen1 ausgewählt sein. Im Abschnitt Eigenschaften können wir das Feld Titel in den Namen unserer App ändern.
Jetzt können wir beginnen, Elemente auf dem Bildschirm anzuordnen. Wir werden Spalten und Zeilen für unsere Soundboard-Tasten erstellen. Wir können dies tun, indem wir Bildschirmanordnung in der Palette auswählen und das Element TableArrangement in den Viewer ziehen.
Legen Sie die Eigenschaften für die TableArrangement1-Komponente im Bereich Eigenschaften fest. Hier ändern wir es in 3 Spalten und 3 Zeilen.
Wir brauchen eine Komponente, um unsere Sounds abzuspielen. Wählen Sie in der Palette Medien aus und ziehen Sie die Player-Komponente in den Viewer. Es wird als Player1 im Abschnitt Nicht sichtbare Komponenten angezeigt.
Lassen Sie uns einige Sounds zu unserem Projekt hinzufügen. App Inventor unterstützt MP3- oder WAV-Dateien mit einer Größe von weniger als 3 MB. Wir fügen sie unserem Projekt hinzu, indem wir die Komponente Player1 auswählen und dann das Feld Quelle auswählen. Klicken Sie auf die Schaltfläche Hinzufügen… und wählen Sie Durchsuchen…, um Audiodateien von Ihrem PC hochzuladen. Wiederholen Sie diese Schritte, um mehrere Sounds hinzuzufügen.
Fügen Sie für jeden Sound eine Schaltfläche hinzu, indem Sie die Basispalette auswählen und sie in das Feld TableArrangement1 im Viewer ziehen. Sie können jede Schaltfläche in einer bestimmten Zeile und Spalte platzieren.
Wählen Sie jede Schaltfläche im Komponentenbereich aus und ändern Sie die Textfelder, um die abzuspielenden Sounds darzustellen.
Wir sind mit dem Viewer-Bildschirm fertig. So sieht unsere App aktuell aus.
Es ist an der Zeit, das Verhalten der Elemente auf dem Bildschirm zu steuern. Klicken Sie auf Blockeditor öffnen, um zu beginnen. Wählen Sie, ob Sie die Datei öffnen oder den Zugriff gewähren möchten, wenn Sie dazu aufgefordert werden.
Klicken Sie auf die Registerkarte Meine Blöcke. Wählen Sie Button1 aus und ziehen Sie das Feld „Button1.Click“ auf die rechte Seite des Bildschirms. Tun Sie dies für jede Schaltfläche, die Sie zu Ihrer App hinzugefügt haben (Button2, Button3 usw.)
Wählen Sie Player1 auf der Registerkarte Meine Blöcke aus und ziehen Sie den Block „Player1.Source“ in den Block „Button1.Click“. Der Block sollte einrasten. Fügen Sie auch jedem der anderen Schaltflächenklickblöcke (Button2.Click, Button3.Click usw.) einen „Player1.Source“-Block hinzu.
Klicken Sie auf die Registerkarte Integriert und wählen Sie Text. Ziehen Sie einen „Text“-Block nach rechts und verbinden Sie ihn mit dem „Player1.Source“-Block.
Das Feld „Text“ steuert, welcher Ton abgespielt wird. Klicken Sie auf den Text im Block und ändern Sie ihn so, dass er dem Namen der Sounddatei für Button1 entspricht. In unserem Beispiel ist Button1 „Punch“, also setzen wir den Text auf Punch.mp3.
Ziehen Sie ein „Text“-Feld auf jeden „Player1.Source“-Block und ändern Sie jeden so, dass er dem Namen des Sounds für jede Schaltfläche entspricht.
Jetzt, da die Töne für jede Schaltfläche eingestellt sind, müssen wir unserer App nur mitteilen, dass sie den Ton abspielen soll, wenn wir auf die Schaltfläche klicken. Klicken Sie dazu auf die Registerkarte Meine Blöcke und wählen Sie Player1. Ziehen Sie den Block „Player1.Start“ auf den „Button1.Click“. Wiederholen Sie diese Schritte für jeden der Schaltflächenklick-Ereignisblöcke.
Sie sind fertig! Sie haben eine voll funktionsfähige Soundboard-App erstellt. Sehen Sie sich die App in Aktion an, indem Sie einen der folgenden Schritte ausführen:
- Testen Sie die App auf Ihrem Android-Gerät, indem Sie das USB-Debugging auf dem Gerät unter Einstellungen > Anwendungen > Entwicklung aktivieren und mit Ihrem Computer verbinden. Sie können dann im Blockeditor auf die Schaltfläche Mit Gerät verbinden… klicken, um die App auf dem Gerät anzuzeigen.
- Installieren Sie das Android SDK und klicken Sie auf die Schaltfläche Neuer Emulator, um es auf Ihrem Computer in einem Emulatorbildschirm anzuzeigen.
- Klicken Sie auf dem App Inventor-Bildschirm auf die Option Paket für Telefon. Dann können Sie Barcode anzeigen, die App als APK-Datei auf den Computer herunterladen oder auf ein verbundenes Telefon herunterladen.
Genießen Sie Ihre benutzerdefinierte Soundboard-App auf Ihrem Android-Gerät.

Es gibt viele Apps, die Sie mit diesem Tool erstellen können – was werden Sie erstellen?