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 ein Ziehen und Ablegen erfordert.
Soundboards gehören zu den einfachsten Apps, die mit App Inventor erstellt werden können. Daher zeigen wir Ihnen heute, wie Sie mit dem Erstellen Ihrer eigenen Anwendung beginnen können.
Dieser Gastartikel wurde von Mitch Bartlett aus geschrieben Technipages , wo er viele ausführliche Tipps für Smartphones behandelt.
Installieren und Verwenden von App Inventor zum Erstellen einer App
Zunächst müssen Sie sicherstellen, dass Sie Java 1.6 oder höher installieren. Sie können es unter herunterladen http://www.java.com . Wenn Sie damit fertig sind, installieren Sie den App Inventor anhand der Anweisungen für Ihr Betriebssystem.
- Mac OS X
- GNU/Linux
- Windows
Besuchen Sie den Abschnitt Meine Projekte auf der App Inventor-Website. Melden Sie sich an und stimmen Sie den Nutzungsbedingungen zu, wenn Sie dazu aufgefordert werden. Klicken Sie auf die Schaltfläche Neu, um eine neue App zu starten.
Geben Sie Ihrer App einen eindeutigen Namen und klicken Sie auf OK.
Der App Inventor Viewer wird angezeigt. Dieser Bildschirm zeigt, wie Ihre App beim Erstellen aussehen wird. Zuerst möchten wir einen Titel für diesen Bildschirm erstellen. Im Komponentenbereich sollte Bildschirm1 ausgewählt sein. Im Abschnitt Eigenschaften können wir das Feld Titel in den Namen unserer App ändern.
Jetzt können wir Elemente auf dem Bildschirm anordnen. Wir werden Spalten und Zeilen für unsere Soundboard-Schaltflächen erstellen. Sie können dies tun, indem Sie Bildschirmanordnung in der Palette auswählen und das Element TableArrangement in den Viewer ziehen.
Legen Sie die Eigenschaften für die TableArrangement1-Komponente im Eigenschaftenbereich fest. Hier ändern wir es in 3 Spalten und 3 Zeilen.
Wir benötigen eine Komponente, um unsere Sounds abzuspielen. Wählen Sie Medien in der Palette aus und ziehen Sie die Player-Komponente in den Viewer. Es wird als Player1 im Abschnitt Nicht sichtbare Komponenten angezeigt.
Fügen wir unserem Projekt einige Sounds hinzu. 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 Player1-Komponente 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 Bereich Komponenten aus und ändern Sie die Textfelder, um die wiedergegebenen Sounds darzustellen.
Wir sind mit dem Viewer-Bildschirm fertig. So sieht unsere App derzeit aus.
Es ist Zeit, das Verhalten der Elemente auf dem Bildschirm zu steuern. Klicken Sie auf Blockeditor öffnen, um zu beginnen. Öffnen Sie die Datei oder gewähren Sie den Zugriff, wenn Sie dazu aufgefordert werden.
Klicken Sie auf die Registerkarte Meine Blöcke. Wählen Sie Button1 und ziehen Sie das Feld „Button1.Click“ auf die rechte Seite des Bildschirms. Tun Sie dies für jede Schaltfläche, die Sie Ihrer App hinzugefügt haben (Schaltfläche2, Schaltfläche3 usw.).
Wählen Sie Player1 auf der Registerkarte Meine Blöcke aus und ziehen Sie den Block "Player1.Source" auf den Block "Button1.Click". Der Block sollte einrasten. Fügen Sie auch jedem anderen Klickblock einen "Player1.Source" -Block hinzu (Button2.Click, Button3.Click usw.).
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 Textfeld steuert, welcher Sound abgespielt wird. Klicken Sie auf den Text im Block und ändern Sie ihn so, dass er mit dem Namen der Audiodatei für Button1 übereinstimmt. In unserem Beispiel ist Button1 "Punch", daher setzen wir den Text auf Punch.mp3.
Ziehen Sie ein Textfeld in jeden Block "Player1.Source" und ändern Sie jeden so, dass er dem Namen des Sounds für jede Schaltfläche entspricht.
Nachdem die Sounds für jede Schaltfläche eingestellt wurden, müssen wir unserer App nur noch anweisen, den Sound abzuspielen, wenn wir auf die Schaltfläche klicken. Klicken Sie dazu auf die Registerkarte Meine Blöcke und wählen Sie Player1 aus. Ziehen Sie den Block "Player1.Start" auf "Button1.Click". Wiederholen Sie diese Schritte für jeden der Ereignisblöcke mit Schaltflächenklick.
Du bist fertig! Sie haben eine voll funktionsfähige Soundboard-App erstellt. Sehen Sie die App in Aktion, 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 an Ihren Computer anschließen. Anschließend können Sie 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 im Bildschirm App Inventor auf die Option Paket für Telefon. Anschließend können Sie Barcode anzeigen, die App als APK-Datei auf den Computer herunterladen oder auf ein verbundenes Telefon herunterladen.
Genießen Sie Ihre angepasste Soundboard-App auf Ihrem Android-Gerät.
Mit diesem Tool können Sie viele Apps erstellen. Was werden Sie erstellen?
