20Jul
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 Prozess, der nur ein wenig Drag & Drop erfordert.
Soundboards gehören zu den einfachsten Apps, die mit App Inventor erstellt werden. Heute zeigen wir Ihnen, wie Sie mit dem Erstellen Ihrer eigenen Anwendung beginnen.
Dieser Gastbeitrag wurde von Mitch Bartlett von Technipages geschrieben, 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 installiert haben. Sie können es unter http://www.java.com herunterladen. Sobald Sie damit fertig sind, installieren Sie die App Inventor mit den Anweisungen für Ihr Betriebssystem.
- Mac OS X
- GNU / Linux
- Windows
Besuchen Sie den Abschnitt Meine Projekte auf der App Inventor-Site. Loggen Sie sich ein 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 beim Erstellen aussehen wird. Zuerst wollen wir einen Titel für diesen Bildschirm erstellen. Im Bereich Komponenten sollte Screen1 ausgewählt sein. Im Bereich Eigenschaften können wir das Feld Titel in den Namen unserer App ändern.
Jetzt können wir anfangen, Objekte auf dem Bildschirm anzuordnen. Wir werden Spalten und Reihen für unsere Resonanzboden-Knöpfe machen. Dies erreichen Sie, indem Sie in der Palette die Option "Bildschirmanordnung" auswählen und das Element "TableArrangement" in den Viewer ziehen.
Legen Sie die Eigenschaften für die TableArrangement1-Komponente im Bereich Eigenschaften fest. Hier werden wir es in 3 Spalten und 3 Zeilen ändern.
Wir brauchen eine Komponente, um unsere Sounds zu spielen. Wählen Sie Medien in der Palette 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 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 Sounddateien 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 im Viewer in das Feld TableArrangement1 ziehen. Sie können jede Schaltfläche in einer bestimmten Zeile und Spalte platzieren.
Wählen Sie die einzelnen Schaltflächen im Bereich "Komponenten" aus, und ändern Sie die Textfelder, um die Sounds darzustellen, die sie wiedergeben.
Wir sind mit dem Viewer-Bildschirm fertig. So sieht unsere App derzeit aus.
Es ist Zeit, das Verhalten der Objekte auf dem Bildschirm zu steuern. Klicken Sie auf Öffnen Sie den Blockeditor, um zu beginnen. Wählen Sie, ob Sie die Datei öffnen oder Zugriff gewähren möchten, 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( Button2, Button3 usw.)
Wählen Sie Player1 auf der Registerkarte Meine Blöcke und ziehen Sie den Block "Player1.Source" in den Block "Button1.Click".Der Block sollte sich verbinden. Fügen Sie jedem der anderen Schaltflächenblöcke( Button2.Click, Button3.Click usw.) einen "Player1.Source" -Block hinzu.
Klicken Sie auf die Registerkarte "Built-in" und wählen Sie "Text".Ziehen Sie einen "Text" -Block nach rechts und verbinden Sie ihn mit dem Block "Player1.Source".
Das Feld "Text" steuert, welcher Sound abgespielt wird. Klicken Sie auf den Text im Block und ändern Sie ihn so, dass er mit dem Namen der Sounddatei für Button1 übereinstimmt. In unserem Beispiel ist Button1 "Punch", also setzen wir den Text auf Punch.mp3.
Ziehen Sie ein "Text" -Feld in jeden "Player1.Source" -Block und ändern Sie jeden Eintrag so, dass er dem Namen des Sounds für jede Taste entspricht.
Jetzt, da die Sounds für jede Taste eingestellt sind, müssen wir unserer App nur mitteilen, dass sie den Sound 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 "Button1.Click".Wiederholen Sie diese Schritte für jeden der Button-Click-Ereignisblöcke.
Du bist 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 & gt;Anwendungen & gt;Entwickeln und verbinden Sie es mit Ihrem Computer. 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 Emulatorbildschirm auf Ihrem Computer anzuzeigen.
- Klicken Sie im 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 angepasste Soundboard-App auf Ihrem Android-Gerät.
Es gibt viele Apps, die Sie mit diesem Tool erstellen können - was werden Sie machen?