Eine Kurzanleitung zur Entwicklung von Android-Apps mit Google App Inventor

Seit ich mein Droid zum ersten Mal erhalten habe, war ich sehr neugierig, wie die Leute einige dieser erstaunlichen Anwendungen auf und außerhalb des Android-Marktes produzieren. Ich bin Programmierer, aber kein begnadeter Hacker. Ich habe Visual Basic und Coldfusion beherrscht, aber wenn es darum geht, eine Anwendung von Grund auf zu schreiben, die auf einem mobilen Gerät funktionieren würde, war ich mir sicher Gut jenseits meiner Fähigkeiten.

Wenn es um die Entwicklung mobiler Apps geht Ein kurzer Leitfaden zum Entwickeln von Android-Apps mit Google App Inventor Ein kurzer Leitfaden zum Entwickeln von Android-Apps mit Google App Inventor Lesen Sie mehr. Der nächste Schritt bei MUO ist Beths Artikel über die Entwicklung eines iPhone-App So entwickeln Sie eine einfache iPhone-App und übermitteln sie an iTunes So entwickeln Sie eine einfache iPhone-App und übermitteln sie an iTunes Lesen Sie weiter. Selbst mit dem iPhone-Ansatz müssen Sie Objective-C lernen. Mit anderen Worten - Sie müssen lernen, ein Kodierer zu werden. Für diejenigen von Ihnen, die visuelle Programmierung wie mich schätzen, werden Sie sehr glücklich sein zu erfahren, dass Android jedem, der selbst die grundlegendste Programmiererfahrung hat, die Möglichkeit bietet, ein eigenes, qualitativ hochwertiges und funktionales Android zu erstellen Anwendungen. Die Geheimwaffe für die Entwicklung von Android-Apps? Es heißt das [NO LONGER WORKS] Google App Inventor und es wird in Google Labs angeboten.

Google App Inventor einrichten

Der App Inventor besteht aus drei Teilen. Es gibt das Designtool, den Blockeditor und schließlich die Konfiguration Ihres Telefons.

Als erstes müssen Sie Ihr Telefon einrichten. Gehen in Einstellungen -> Anwendungen und stellen Sie sicher, dass “Unbekannte Quellen” ist ausgewählt. Dadurch kann der Blocks-Editor sich selbst installieren und zu Testzwecken mit Ihrem Telefon kommunizieren.

Klicken Sie dann auf “Entwicklung” und stellen Sie sicher, dass Sie beide aktiviert haben “USB-Debugging” und “Wach bleiben.”

Weißt du was - das ist alles Sie müssen Ihr Telefon so konfigurieren, dass es mit den Programmiertools funktioniert.

Wenn Sie sich zum ersten Mal anmelden, um App Inventor zu verwenden, müssen Sie den Blockeditor als einen der Schritte installieren. Dies ist eine Java-Anwendung, die auf Ihrem Computer installiert wird, und gibt Ihnen die Möglichkeit, das Verhalten von zu ändern “Blöcke” die Sie im Entwurfsmodus erstellt haben und direkt mit Ihrem Telefon kommunizieren.

Wenn Sie sich angemeldet haben und im Design-Tool sind, wählen Sie einfach aus “Neu” und benennen Sie Ihr erstes Projekt. In diesem Beispiel beginne ich mit einem passenden Spiel für meine Kinder, wo sie Bilder von Katzen in einem 3 x 4-Raster abgleichen müssen.

Das Entwurfstool ist sehr ähnlich wie Visual Basic und Visual C ++ eingerichtet, wobei sich die Objekte, die Sie verwenden können, links befinden, und der Entwurfsbereich oder “bilden” ist in der Mitte. In diesem Fall ist das Formular der individuelle Bildschirm, und Sie können pro App mehrere Bildschirme verwenden (denken Sie daran, die Navigation einzuschließen)..

Sobald Sie eine Komponente anklicken und auf den Bildschirm ziehen, wird sie auf der rechten Seite der Design-App unter angezeigt Komponenten. Unter “Eigenschaften” Sie können die anfänglichen Anzeigeeigenschaften dieser Komponente anzeigen und ändern.

Jetzt habe ich im Grunde einen Bildschirm mit einem 3 × 4-Tisch erstellt (diesen finden Sie unter “Bildschirmanordnung“) und dann fügte ich jeweils 12 Buttons mit individuellen Katzenbildern hinzu “Bild” Eigenschaft der Tasten.

Sobald Sie den Baustein-Editor verwenden, können Sie alle diese Design-Eigenschaften ändern. Wie Sie unten sehen können, definierte ich das Bild von Button 1 als leeres Bild (das ich im Designmodus als graues Bild bezeichnete) “Image1”).

Wie Sie sehen, ist alles visuell - hier gibt es keine Codierung. Unter “Meine Blöcke” Ich habe das gewählt “Screen1” Komponente und zog die “Initialisieren” Veranstaltung zum Center-Programmbereich. Sie müssen einem Ereignis mitteilen, was zu tun ist, wenn es stattfindet. Deshalb habe ich die Button1.Image-Eigenschaft in das Feld gezogen und ihm dann mitgeteilt, dass diese Eigenschaft verwendet werden soll “Image1”.

Nach ungefähr einer Stunde des Spielens war das Programmieren der Initialisierung aller Schaltflächen beim ersten Laden der App abgeschlossen, und es wurde festgelegt, was zu tun ist, wenn der Benutzer auf die erste Schaltfläche klickt.

Wie Sie sehen, kann es sogar bei einer Anwendung wie einem passenden Spiel erforderlich sein, alle Möglichkeiten sorgfältig zu prüfen. Sie können für alle Möglichkeiten programmieren, indem Sie Komponentenereignisse definieren und programmieren. Das obige Beispiel kann kompliziert werden. Wenn Sie also gerade erst anfangen, bleiben Sie bei einem einfachen Vorgang, wie er von Google bei der ersten Anmeldung angegeben wird. Sie können von dort aus absolvieren, wenn Sie mit dem Programmier- und Testprozess vertraut sind.

Wie Sie in der linken Navigationsleiste des Designtools sehen, haben Sie Zugriff auf alles, was Ihr Android alles kann - Sensoren, Kontaktlisten, Videoplayer und vieles mehr.

Also - hier ist mein Kunstwerk, programmiert, getestet und schließlich in etwa einer Stunde auf meinem Handy installiert. Ich muss noch die restlichen Tasten programmieren.

Unnötig zu sagen, die Tatsache, dass ich überhaupt bekommen konnte etwas Es ist beeindruckend, mit einer ungefähr einstündigen Anstrengung auf meinem Telefon zu laufen. Ich dachte, es wäre fast unmöglich.

Melden Sie sich also als Entwickler an und probieren Sie den Google App Developer selbst aus. Sie werden vielleicht überrascht sein, dass Sie einige der coolsten Anwendungen entwickeln, die Sie sich vorstellen können. Es genügt ein wenig Geduld und etwas Zeit, um mit den Entwicklungswerkzeugen herumzuspielen.

Teilen Sie uns mit, ob es Ihnen gelungen ist, Ihre eigenen Android-Apps zu entwickeln und was Sie über die Design- und Block-Editor-Tools in den Kommentaren unten denken!

Bildnachweis: Svet