Werbung

Willkommen bei MakeUseOfs Anleitung zum Erstellen Ihrer eigenen Android-App. In diesem Handbuch werden wir uns ansehen, warum Sie eine eigene Android-Anwendung erstellen möchten, einige Optionen zum Erstellen und wie Sie sie anderen zur Verfügung stellen.

Diese Anleitung steht als kostenloses PDF zum Download bereit. Laden Sie So erstellen Sie eine Android-App herunter: Alles, was Sie jetzt wissen müssen. Fühlen Sie sich frei, dies zu kopieren und mit Ihren Freunden und Ihrer Familie zu teilen.

Einführung in die Android-Entwicklung

Es gibt zwei primäre Möglichkeiten, eine Android-App zu entwickeln. Die erste besteht darin, es von Grund auf neu zu schreiben, höchstwahrscheinlich in Java. Aber das setzt dich natürlich schon voraus kennt Java oder hab die geduld es zu lernen Sie möchten also Android-Apps entwickeln? So lernst duNach so vielen Jahren sollte man meinen, dass der mobile Markt mittlerweile mit jeder nur erdenklichen App gesättigt ist – dem ist aber nicht so. Es gibt noch viele Nischen, die... Weiterlesen

instagram viewer
bevor Sie eintauchen. Aber was ist, wenn Sie es jucken, sofort loszulegen?

Die andere Option ist einer der Point-and-Click-App-Builder auf dem Markt. Viele davon zielen auf Unternehmensbenutzer ab (und sind mit einem Unternehmenspreisschild verbunden). Aber MIT bietet seinen „App Inventor“ an, ein Online-Tool, mit dem Sie Ihre App visuell erstellen können. Sie können mit App Inventor einige nette Dinge erreichen, die Sie beschäftigen werden, bis Sie sich in Java einarbeiten und auf alle leistungsstarken Funktionen der Android-Plattform zugreifen können.

In den folgenden Abschnitten erstellen wir eine Prototypversion einer einfachen „Scratchpad“-Anwendung, in der der eingegebene Text gespeichert wird. Wir werden dies zuerst in App Inventor tun und die Ergebnisse in einem Android-Emulator anzeigen. Dann erweitern wir diese Anwendung um die Möglichkeit, aus mehreren Dateien auszuwählen, wodurch sie eher zu einem "Notizblock" wird. Für diese Art von Verbesserung müssen wir in Java und Android Studio eintauchen.

Bereit? Lasst uns anfangen.

Warum für Android entwickeln?

Es gibt eine Reihe von Gründen, warum Sie Ihre eigene Android-App erstellen möchten, darunter:

  • Notwendigkeit: Es ist immerhin erfinderisch. Vielleicht stellen Sie fest, dass Sie, nachdem Sie im Play Store nach Ihrer Traum-App gesucht haben, dass es etwas ist, das Sie werden muss selber bauen 4 Fragen, die Sie sich stellen sollten, bevor Sie das Programmieren lernenDas Erlernen einer Programmiersprache ist beliebt. Aber ist es für alle? Bevor Sie sich dazu verpflichten, stellen Sie sich die folgenden Fragen und seien Sie ehrlich. Weiterlesen weil noch keiner hat.
  • Gemeinschaft: Etwas Nützliches zu entwickeln und kostenlos zur Verfügung zu stellen (insbesondere als Open Source) ist eine hervorragende Möglichkeit, an der Android- und/oder FOSS-Community teilnehmen Warum tragen Menschen zu Open-Source-Projekten bei?Open Source-Entwicklung ist die Zukunft der Software. Es ist großartig für Benutzer, da Open-Source-Software normalerweise kostenlos erhältlich und oft sicherer zu verwenden ist. Aber was zwingt Entwickler dazu, kostenlos Code beizusteuern? Weiterlesen . Ohne Open-Source-Beiträge gäbe es kein Linux, und ohne Linux gäbe es kein Android Ist Android wirklich Open Source? Und ist es überhaupt wichtig?Hier untersuchen wir, ob Android wirklich Open Source ist oder nicht. Immerhin basiert es auf Linux! Weiterlesen (oder zumindest kein Android, wie wir es kennen). Überlegen Sie also, etwas zurückzugeben!
  • Lernen: Es gibt kaum bessere Möglichkeiten, eine Plattform zu verstehen, als für sie zu entwickeln. Es könnte für die Schule oder Ihre eigene Neugier sein. Und hey, wenn du am Ende ein paar Dollar damit verdienen kannst, umso besser.
  • Monetarisierung: Auf der anderen Seite wollen Sie vielleicht von Anfang an Geld verdienen. Während Android einst als „Low-Miet“-Viertel der App-Einnahmen galt, hat sich dies langsam gedreht. Geschäftseingeweihter berichtet im März dass die Android-Umsätze 2017 zum ersten Mal iOS überholen werden.
  • Hinzufügen: Entwickler erstellen Apps im Allgemeinen oft, um ein bestehendes Produkt oder eine Dienstleistung zu bewerben, darauf zuzugreifen oder sie anderweitig zu ergänzen – z. B. Konsolen-Begleit-Apps Holen Sie mit mobilen Companion-Apps mehr aus Ihrer Konsole herausEin Gamecontroller ist keine schreckliche Fernbedienung, aber auch keine großartige. Ein Tablet oder in einigen Fällen ein Smartphone bietet eine bessere Möglichkeit, auf Konsolenfunktionen zuzugreifen. Weiterlesen und MakeUseOfs eigene App.
Android App erstellen Makeuseof App

Was auch immer Ihr Grund ist, die App-Entwicklung wird Ihr Design, Ihre technischen und logischen Fähigkeiten herausfordern. Und das Ergebnis dieser Übung (eine funktionierende und nützliche Anwendung für Android) ist eine großartige Leistung, die als Portfoliostück dienen kann.

Es gibt viele Möglichkeiten, Ihre App zu erstellen, einschließlich verschiedener Toolkits, Programmiersprachen Die besten Sprachen für die Entwicklung mobiler Apps im Jahr 2016Die Welt der Entwicklung mobiler Apps ist immer noch so stark wie eh und je. Wenn Sie loslegen möchten, ist es noch nicht zu spät! Hier sind die Sprachen, die Sie beim Lernen in Betracht ziehen sollten. Weiterlesen , und Verlagshäuser Google Play vs. Amazon Appstore: Was ist besser?Der Google Play Store ist nicht Ihre einzige Option, wenn es um das Herunterladen von Apps geht – sollten Sie den Amazon Appstore ausprobieren? Weiterlesen . Diese unterteilen sich auf hohem Niveau in die folgenden zwei Kategorien.

Point-and-Click-Apps

Wenn Sie ein absoluter Neuling in der Entwicklung sind, gibt es Umgebungen, in denen Sie eine Android-App genauso erstellen können, wie Sie eine Powerpoint-Präsentation erstellen würden. Sie können Steuerelemente wie Schaltflächen oder Textfelder auswählen, auf einem Bildschirm ablegen (wie in der Abbildung unten gezeigt) und einige Parameter für ihr Verhalten angeben. Alles ohne Code zu schreiben.

So erstellen Sie eine Android-App: Alles, was Sie wissen müssen Android App Appinventor Drag erstellen

Diese Arten von Anwendungen haben den Vorteil einer flachen Lernkurve. Sie können normalerweise direkt einsteigen und zumindest mit der Gestaltung Ihres Bildschirms beginnen. Sie nehmen auch viel Komplexität aus der Anwendung, da sie darauf ausgelegt sind, technische Details (wie Objekttypen oder Fehlerbehandlung) hinter den Kulissen zu handhaben. Auf der anderen Seite bedeutet diese Einfachheit, dass Sie dem Ersteller des Tools ausgeliefert sind, welche Funktionen unterstützt werden. Darüber hinaus richten sich viele dieser Tools an große Unternehmen und können teuer sein.

Eine Ausnahme bildet die App Inventor-Webanwendung von MIT, die funktional und kostenlos ist. Nachdem Sie sich mit einem Google-Konto angemeldet haben, können Sie in wenigen Minuten eine App zusammenklicken und entweder auf Ihrem Telefon oder über einen Android-Emulator eine Vorschau anzeigen.

Von Grund auf neu schreiben

Die andere Möglichkeit besteht darin, Ihre Anwendung von Grund auf neu zu schreiben. Dies unterscheidet sich wahrscheinlich von dem, was Sie sich vorstellen – es ist nicht wie die Filme es darstellen Hollywood-Hacks: Das beste und schlimmste Hacking in FilmenHollywood und Hacking vertragen sich nicht. Während das Hacken im wirklichen Leben hart ist, beinhaltet das Hacken von Filmen oft, dass Sie einfach auf eine Tastatur hämmern, als würden Ihre Finger aus der Mode kommen. Weiterlesen .

Es ist das Eintippen von Code zeilenweise in Quelldateien, dann zusammenstellen So kompilieren Sie Ihren eigenen Linux-KernelDas Kompilieren Ihres eigenen Linux-Kernels ist eines dieser geekigen, technischen Dinge, oder? Wir haben bereits einige Gründe angesprochen, warum Sie dies tun möchten – jetzt ist es an der Zeit, es selbst auszuprobieren! Weiterlesen in eine ausführbare Anwendung. Auch wenn es langweilig klingen mag, verbringen Sie in Wirklichkeit viel mehr Zeit mit der Programmierung Entwurf, oder darüber nachzudenken, wie die Dinge funktionieren sollen. Fragen Sie die meisten Entwickler und sie werden sagen, dass sie nur 10-15% ihrer Zeit mit der Codeeingabe verbringen. Sie verbringen also die meiste Zeit damit, (produktiv) davon zu träumen, was Ihre App tun soll.

Android App erstellen Androidstudio-Code

Du kannst Android-Anwendungen auf verschiedene Arten codieren Die besten Sprachen für die Entwicklung mobiler Apps im Jahr 2016Die Welt der Entwicklung mobiler Apps ist immer noch so stark wie eh und je. Wenn Sie loslegen möchten, ist es noch nicht zu spät! Hier sind die Sprachen, die Sie beim Lernen in Betracht ziehen sollten. Weiterlesen . Der „Standard“-Weg besteht darin, Apps in Java zu schreiben, einer der beliebtesten Sprachen der Welt, obwohl Google Kotlin als weitere Option hinzufügt. Für leistungsintensive Apps wie Spiele haben Sie die Möglichkeit, in einer „nativen“ Sprache wie C++ zu schreiben. Diese Apps laufen direkt auf der Hardware Ihres Android-Geräts, im Gegensatz zu „normalen“ Java-basierten Apps, die auf dem Dalvik. laufen Virtuelle Maschine Was ist die Java Virtual Machine und wie funktioniert sie?Obwohl es nicht unbedingt notwendig ist, zu wissen, dass es funktioniert, um in Java zu programmieren, ist es dennoch gut zu wissen, da es Ihnen helfen kann, ein besserer Programmierer zu werden. Weiterlesen . Schließlich gibt es Möglichkeiten, Webanwendungen zu „verpacken“ (mit Hilfe von Toolkits wie Microsofts Xamarin oder Facebooks Native React Die 7 besten kostenlosen Tutorials zum Erlernen von React und Erstellen von Web-AppsKostenlose Kurse sind selten so umfassend und hilfreich – aber wir haben mehrere React-Kurse gefunden, die hervorragend sind und Ihnen den richtigen Einstieg ermöglichen. Weiterlesen ) zur Verbreitung als mobile Apps, die „nativ“ aussehen.

Während integrierte Entwicklungsumgebungen (IDEs) Texteditoren vs. IDEs: Welche ist besser für Programmierer?Die Wahl zwischen einer erweiterten IDE und einem einfacheren Texteditor kann schwierig sein. Wir bieten Ihnen einige Einblicke, um Ihnen bei dieser Entscheidung zu helfen. Weiterlesen Wenn Sie einige der Routineelemente der Programmierung handhaben, verstehen Sie, dass die Lernkurve für diese Methode steil ist. Welche Sprache Sie auch wählen, Sie müssen mit den Grundlagen vertraut sein. Diese Zeit im Voraus zu investieren, ist ein Nachteil dieser Methode, da Sie nicht sofort in die Entwicklung Ihrer App einsteigen können. Aber es ist auf Dauer von Vorteil, denn die erlernten Fähigkeiten können an anderer Stelle angewendet werden. Java lernen Sie möchten also Android-Apps entwickeln? So lernst duNach so vielen Jahren sollte man meinen, dass der mobile Markt mittlerweile mit jeder nur erdenklichen App gesättigt ist – dem ist aber nicht so. Es gibt noch viele Nischen, die... Weiterlesen , und Sie können neben Android-Apps auch für Desktop- und serverseitige Anwendungen (einschließlich webbasierter Anwendungen) entwickeln.

Welche Option ist die beste für Ihr Projekt?

Welcher Weg ist also der „beste“? Dies ist zu subjektiv, um es für alle zu beantworten, aber wir können es wie folgt verallgemeinern. Wenn Sie neugierig sind, aber nur „herumspielen“, bleiben Sie bei den Point-and-Click-App-Erstellern. Sie werden Ihnen helfen, diesen kreativen Juckreiz zu beseitigen, ohne dass Sie "Kurse" benötigen. Aber wenn die Idee von dass dir die Studienarbeit keine Angst macht, erwäge, den längeren Weg zu gehen und eine Programmierung zu lernen Sprache. Die Investition wird sich in vielerlei Hinsicht auf der ganzen Linie auszahlen.

Ziehen Sie außerdem in Betracht, beides zu verwenden! Point-and-Click-Builder sind eine hervorragende Möglichkeit, schnell einen Prototyp oder „Proof of Concept“ zusammenzustellen. Verwenden Sie sie, um einige der Details (wie Layout und Bildschirmfluss) so durchzuarbeiten, wie sie sind viel in einer mausgesteuerten Umgebung schneller mischen. Implementieren Sie sie dann bei Bedarf erneut in Java, um die Flexibilität zu nutzen.

Genau diesen Ansatz verfolgen wir in diesem Leitfaden. Wir werden:

  1. Prototyp unsere Anwendung, ein „Scratchpad“, das mithilfe des App Inventor von MIT etwas Text in einer Datei für Sie speichert.
  2. Erneut implementieren dies in Java (mit ein wenig Hilfe von Googles Android Studio IDE), dann weiter zu erweitern die App, damit Sie aus mehreren Dateien auswählen können, was sie eher zu einem "Notizblock" macht.

Okay, genug geredet. Im nächsten Abschnitt bereiten wir uns auf das Codieren vor.

Machen Sie sich bereit, Ihre App zu erstellen

Tauchen Sie noch nicht gleich ein – zuerst benötigen Sie etwas Wissen und etwas Software.

Wissen, das Sie brauchen

Bevor wir mit der Installation von Software beginnen, sollten Sie einige Kenntnisse haben, bevor Sie beginnen. In erster Linie ist, "Was soll es tun?" Es mag wie selbstverständlich erscheinen, zu warten, bis Sie ein klares Konzept für Ihre App haben, bevor Sie mit der Entwicklung beginnen – aber Sie werden überrascht sein. Nehmen Sie sich also etwas Zeit, um dieses Konzept durchzuarbeiten, und machen Sie sich sogar einige Notizen zum Verhalten und einige Bildschirme skizzieren Was ist ein Website-Wireframe und wie kann es Ihnen bei der Entwicklung Ihrer Website helfen?Auf technischer Ebene ist eine moderne Website nicht nur eine Sache. Es ist eine komplexe Mischung interagierender Technologien wie HTML (das Markup, das Sie auf der Seite sehen), JavaScript (die Sprache, die in Ihrem Browser ausgeführt wird, ... Weiterlesen . Machen Sie sich zuerst ein relativ vollständiges Bild Ihrer App.

Als nächstes schauen Sie in was möglich ist. Stellen Sie sich zum Beispiel vor, das ideale Bild Ihrer App ist etwas, mit dem Sie Ihr ganzes Leben für die Nachwelt aufzeichnen können. Du kann Erstellen Sie eine App, die Videos aufnimmt. Du kippen Erstellen Sie einen, der jeden Moment Ihres Lebens auf Ihrem Gerät speichert (nicht genügend Speicherplatz). Aber du kann Versuchen Sie, einen Teil dieses Speichers in die Cloud zu verlagern, obwohl die Entwicklung einige Zeit in Anspruch nimmt und mit eigenen Einschränkungen verbunden ist (was passiert, wenn Sie keinen Netzwerkzugriff haben?). Hier untersuchen Sie einige der technischen Details und können Entscheidungen treffen, z. B. ob Sie von Grund auf neu programmieren oder nicht.

Zu guter Letzt wissenswert was ist da draußen schon. Wenn Sie nur lernen oder zur Community beitragen möchten, gibt es ein bestehendes Open-Source-Projekt wie Ihres? Könnten Sie dieses Projekt als Ausgangspunkt angeben? Oder noch besser, Ihre Weiterentwicklung entwickeln und einbringen? Wenn Sie Geld verdienen möchten, wie sieht Ihre Konkurrenz aus? Wenn Sie eine einfache Wecker-App schreiben und erwarten, damit eine Million Dollar zu verdienen, bringen Sie besser etwas Besonderes mit.

Wie bereits besprochen, erstellen wir ein einfaches Notizblock, das den von Ihnen eingegebenen Text sammelt und speichert. Und dabei brechen wir die oben genannten Regeln, da es bereits viele Android-Notiz-Apps gibt, beides offen Die 5 besten Open-Source-Notizen-Apps für AndroidSie lieben Open-Source-Software und möchten sich Notizen machen? Wir geben dir Deckung. Weiterlesen und geschlossene Quelle Was ist die beste kostenlose Notiz-App für Android?Möchten Sie Notizen auf Ihrem Android-Smartphone oder -Tablet machen? Hier sind die besten kostenlosen Notiz-Apps für Android. Weiterlesen . Aber nehmen wir an, dies wird später eine viel komplexere App. Irgendwo muss man anfangen.

Jetzt besorgen wir Ihnen einen Teil der Software, die Sie benötigen.

Vorbereitung der Entwicklung mit App Inventor

Sie müssen nichts installieren, um das App Inventor-Tool zu verwenden. Es ist eine Webanwendung, auf die Sie vollständig über den Browser zugreifen. Wenn Sie die Website besuchen, sehen Sie in der oberen rechten Ecke eine Schaltfläche zum Erstellen Sie Apps! Wenn Sie derzeit nicht bei einem Google-Konto angemeldet sind, werden Sie durch Anklicken auf eine Anmeldeseite weitergeleitet.

Android App erstellen App Erfinder App erstellen

Ansonsten solltest du direkt zu den App Inventor’s gehen Meine Projekte Seite.

Android App Appinventor Mainweb erstellen

Überlegen Sie an dieser Stelle, wo Sie Ihre App testen möchten. Wenn Sie abenteuerlustig sind, können Sie es auf Ihrem Telefon oder Tablet testen, indem Sie es installieren die Companion-App aus dem Play Store. Dann sind Sie vorerst fertig – Sie benötigen ein laufendes Projekt, um tatsächlich etwas auf Ihrem Gerät zu sehen, aber dazu kommen wir später.

Alternativ können Sie den Emulator verwenden, um Ihre App auf Ihrem Computer zu testen. Laden Sie den Emulator für Ihr Betriebssystem herunter und installieren Sie ihn von diese Seite. Das folgende Bild zeigt die Installation der App unter Linux, aber die entsprechende Version sollte auch unter Windows oder Mac problemlos installiert werden.

So erstellen Sie eine Android-App: Alles, was Sie wissen müssen Android App erstellen Appinventor installdpkg 1

Sie können den Emulator starten, indem Sie den Befehl „aiStarter“ ausführen. Das beginnt ein Hintergrundprozess So steuern Sie Linux-Startdienste und -DaemonsLinux führt viele Anwendungen "im Hintergrund" aus, die Sie vielleicht nicht einmal bemerken. Hier erfahren Sie, wie Sie die Kontrolle über sie übernehmen. Weiterlesen das Ihren (lokalen) Emulator mit dem (Cloud-basierten) App Inventor verbindet. Windows-Systeme bieten eine Verknüpfung dafür, während es für Mac-Benutzer bei der Anmeldung automatisch gestartet wird. Linux-Benutzer müssen Folgendes in einem Terminal ausführen:

/usr/google/appinventor/commands-for-appinventor/aiStarter &

Sobald es läuft, können Sie die Verbindung testen, indem Sie auf klicken Emulator Artikel in der Verbinden Speisekarte. Wenn Sie sehen, dass sich der Emulator dreht (wie in der Abbildung unten gezeigt), können Sie loslegen.

Android App-Appinventor-Emulator erstellen

Installieren von Android Studio

Wenn Sie vorhaben, einige einfache Programme zu entwickeln, ist App Inventor möglicherweise alles, was Sie jemals brauchen werden. Aber nachdem Sie eine Weile damit herumgespielt haben, können Sie gegen eine Wand stoßen oder wissen, dass Sie einige Funktionen verwenden, die App Inventor nicht unterstützt (wie die In-App-Abrechnung). Dazu muss Android Studio installiert sein.

Android Studio ist jetzt die offizielle Entwicklungsumgebung, die von Google genehmigt wurde IntelliJ IDEE Java-IDE von JetBrains. Sie können eine Kopie für Ihr Betriebssystem herunterladen von Googles Android-Entwicklerseite hier. Windows- und Mac-Benutzer können starten das Installationsprogramm mit einer EXE-Datei oder einem DMG-Image So funktionieren Software-Installer unter Windows, macOS und LinuxModerne Betriebssysteme bieten Ihnen einfache Methoden zum Einrichten neuer Anwendungen. Aber was passiert eigentlich, wenn Sie dieses Installationsprogramm ausführen oder diesen Befehl ausführen? Weiterlesen , bzw.

Linux-Benutzer können die ZIP-Datei verwenden, sie an einem beliebigen Ort entpacken und von dort aus Android Studio ausführen (Windows/Mac-Benutzer können dies auch tun). Andernfalls können Sie verwenden Ubuntu-Make um das Paket für Sie herunterzuladen und zu installieren. Wenn Sie die neueste LTS-Version (16.04 zum Zeitpunkt dieses Schreibens) verwenden, müssen Sie die Ubuntu Make PPA Was ist ein Ubuntu-PPA und warum sollte ich eines verwenden? [Technologie erklärt] Weiterlesen auf Ihr System, um Zugriff auf Android Studio zu erhalten:

sudo add-apt-repository ppa: ubuntu-desktop/ubuntu-make

Aktualisieren Sie dann Ihr System wie folgt.

sudo apt-Update

Zuletzt installieren Sie Ubuntu Make mit diesem Befehl:

sudo apt installieren umake

Nach der Installation können Sie Ubuntu Make anweisen, Android Studio mit dem folgenden Befehl für Sie zu installieren:

umake android android-studio
Android App erstellen androidstudio umake1

Nachdem die Lizenzvereinbarung angezeigt wurde, wird die Basisanwendung heruntergeladen und installiert. Sobald es abgeschlossen ist und Sie Android Studio starten, führt Sie ein Assistent durch weitere Schritte.

Zuerst haben Sie die Wahl, ob Sie eine "Standard" -Installation oder eine benutzerdefinierte Installation wünschen. Wählen Sie hier die Standardinstallation aus, damit Sie schneller loslegen können.

android App erstellen androidstudio setup2

Dann erhalten Sie eine Meldung, dass Sie einige zusätzliche Komponenten herunterladen müssen, und dies wird wahrscheinlich einige Zeit dauern.

Android App erstellen Androidstudio-Setup3

Sobald alles installiert ist, erhalten Sie einen kleinen Begrüßungsbildschirm, mit dem Sie ein neues Projekt erstellen, ein vorhandenes öffnen oder auf Ihre Einstellungen zugreifen können.

android App erstellen androidstudio start

Ich weiß, dass du bereit bist, dir die Hände schmutzig zu machen. Lass uns ohne weiteres etwas bauen.

Erstellen eines einfachen Android-Notizblocks

Da wir (natürlich) gesessen und darüber nachgedacht haben, bevor wir gerade eingestiegen sind, wissen wir, dass unsere Android-App aus zwei Bildschirmen bestehen wird.

Einer ermöglicht dem Benutzer, "jetzt zu bearbeiten" oder zu beenden, und der andere führt die eigentliche Bearbeitung durch. Der erste Bildschirm mag nutzlos erscheinen, kann sich aber später als nützlich erweisen, wenn wir Funktionen hinzufügen. Der auf dem Bildschirm „Bearbeiten“ erfasste Text wird in einer Nur-Text-Datei gespeichert, da Klartextregeln Alles, was Sie über Dateiformate und ihre Eigenschaften wissen müssenWir verwenden das Wort Datei austauschbar: Musik, Bild, Tabellenkalkulation, Diashow und so weiter. Aber was macht eine Datei überhaupt zu einer "Datei"? Lassen Sie uns versuchen, diesen grundlegenden Teil des Computing zu verstehen. Weiterlesen . Die folgenden Wireframes geben uns einen guten Anhaltspunkt (und es dauerte nur 5 Minuten, um sie zu erstellen):

Android App-Wireframes erstellen

Im nächsten Abschnitt erstellen wir es mit dem App Inventor des MIT.

Erste Schritte mit MIT App Inventor

Der erste Schritt besteht darin, ein neues Projekt zu erstellen. Melden Sie sich bei App Inventor an und klicken Sie dann auf Neues Projekt starten Schaltfläche links (auch im Projekte Speisekarte).

Android App App erstellen Erfinder neues Projekt

Sie erhalten einen Dialog, um ihm einen Namen zu geben.

Android App-App erstellen Neuer Projektname

Aber jetzt befinden Sie sich in der Designer-Ansicht von App Inventor und es gibt viel zu beachten. Nehmen wir uns einen Moment Zeit, um jeden Abschnitt zu betrachten.

Android App-Appinventor-Designer erstellen
  1. Die Titelleiste oben zeigt Ihren Projektnamen (muoScratchpad); Ermöglicht das Hinzufügen, Entfernen und Wechseln zwischen den Bildschirmen Ihrer App (z. Bildschirm 1); und wechselt zwischen App Inventors Designer und Blöcke Ansichten ganz rechts.
  2. Die Palette auf der linken Seite enthält alle Steuerelemente und Widgets, die Sie verwenden werden. Sie sind in Abschnitte unterteilt wie Benutzeroberfläche und Lagerung; Wir werden beides in unserer App verwenden. Wir werden sehen, wie die Palette hält verschiedene Gegenstände in der Blöcke Aussicht.
  3. Die Zuschauer zeigt Ihnen in WYSIWYG-Manier, was Sie bauen.
  4. Komponenten ist eine Liste von Elementen, die Teil des aktuellen Bildschirms sind. Wenn Sie Schaltflächen, Textfelder usw. hinzufügen, werden sie hier angezeigt. Einige „versteckte“ Elemente, wie Verweise auf Dateien, werden hier ebenfalls angezeigt, obwohl sie nicht wirklich Teil der Benutzeroberfläche sind.
  5. Die Medien Im Abschnitt können Sie Assets hochladen, die Sie in Ihrem Projekt verwenden, z. B. Bilder oder Soundclips. (Wir werden diesen nicht brauchen.)
  6. Endlich, das Eigenschaften Im Bereich können Sie das aktuell ausgewählte Widget konfigurieren. Wenn Sie beispielsweise ein Bild-Widget auswählen, können Sie dessen Höhe und Breite ändern.

Gestalten Sie Ihren ersten Bildschirm: "Hauptbildschirm"

Lassen Sie uns das Layout für den "Haupt"-Bildschirm im Designer zusammenstellen, bevor Sie fortfahren. Wenn wir uns die Skizze ansehen, benötigen wir eine Beschriftung für den App-Namen, eine Zeile mit Hilfetext, eine Schaltfläche zum Wechseln zum Bildschirm "Bearbeiten" und eine Schaltfläche zum Beenden. Du kannst das... sehen Benutzeroberfläche Palette hat alle Artikel, die wir brauchen: zwei Etiketten, und zwei Tasten. Ziehen Sie diese in eine vertikale Spalte am oberen Bildschirmrand.

Android App Appinventor screen1 Widgets erstellen

Als nächstes werden wir jeden konfigurieren. Für die Beschriftungen können Sie Elemente wie den Text, die Hintergrundfarbe und die Ausrichtung festlegen. Wir werden unsere beiden Labels zentrieren, aber den Hintergrund des App-Namens auf Schwarz mit weißem Text setzen.

Android App erstellen Appinventor screen1 labelconfig

Es ist an der Zeit zu sehen, wie es tatsächlich auf einem Gerät aussieht. Wenn Sie Dinge bauen, tun Sie dies in Babyschritten. Ich kann das nicht genug betonen.

Android App-Appinventor-Begleiter erstellen

Bauen Sie nicht auf einmal eine große Liste von Dingen in Ihre App ein, denn wenn etwas kaputt geht, dauert es einen lang Zeit herauszufinden, warum. Wenn Sie auf einem echten Telefon testen möchten, können Sie Ihre AI2 Companion-App starten und sich entweder mit dem QR-Code oder dem bereitgestellten sechsstelligen Code mit App Inventor verbinden.

Android App-Appinventor-Begleittelefon erstellen

Um eine Vorschau mit dem Emulator anzuzeigen, vergewissern Sie sich, dass Sie das oben beschriebene aiStarter-Programm gestartet haben, und wählen Sie dann das Emulator Artikel wieder aus dem Verbinden Speisekarte. In jedem Fall sollten Sie nach einer kurzen Pause Ihr App-Pup sehen, das ungefähr so ​​aussieht, wie Sie es im Viewer haben (das tatsächliche Layout kann von den Abmessungen Ihres Geräts und Emulators abhängen).

Android App Appinventor App-Emulator erstellen

Da der Titel gut aussieht, ändern wir auch den Text auf den anderen und richten sie in der Mitte aus (dies ist eine Eigenschaft des Bildschirms, Horizontal ausrichten, nicht der Text/die Schaltflächen). Jetzt können Sie einen der wirklich coolen Aspekte von App Inventor sehen – alle Ihre Änderungen werden in Echtzeit durchgeführt! Sie können sehen, wie sich der Text ändert, die Schaltflächen ihre Ausrichtung anpassen usw.

Funktional machen

Nachdem das Layout fertig ist, fügen wir einige Funktionen hinzu. Drücke den Blöcke Schaltfläche oben links. Sie sehen ein ähnliches Layout wie die Designer-Ansicht, aber Sie haben einige andere Auswahlmöglichkeiten, die in Kategorien angeordnet sind. Dies sind eher Programmierkonzepte als Schnittstellensteuerelemente, aber wie in der anderen Ansicht verwenden Sie Drag-and-Drop, um diese als Teil Ihrer App zusammenzustellen.

Android App erstellen Apperfinder allblocks

Die linke Palette enthält Kategorien wie Steuerung, Text, und Variablen in der Kategorie „Eingebaut“. Die Blöcke in dieser Kategorie stellen Funktionen dar, die größtenteils hinter den Kulissen stattfinden, wie z Mathematik Elemente, die Berechnungen durchführen können. Darunter befindet sich eine Liste der Elemente in Ihrem Bildschirm (Ihren Bildschirmen), und die hier verfügbaren Blöcke wirken sich auf diese Elemente aus. Wenn Sie beispielsweise auf eines unserer Labels klicken, werden Blöcke angezeigt, die den Text dieses Labels ändern können, während die Schaltflächen Blöcke haben, um zu definieren, was passiert, wenn Sie darauf klicken.

Zusätzlich zu seiner Kategorie (dargestellt durch die Farbe) hat jeder Block auch eine Form, die seinen Zweck repräsentiert. Diese lassen sich grob wie folgt unterteilen:

  • Sie können sich Elemente mit einer großen Lücke in der Mitte wie den oben gezeigten „Wenn-Dann“-Block als solche vorstellen, die mit Veranstaltungen. Wenn etwas in der App passiert, werden die anderen Dinge innerhalb dieser Lücke ausgeführt.
  • Flache Blöcke mit Verbindern sind eines von zwei Dingen. Die ersten sind Aussagen, die das Äquivalent von Befehlen sind, die Elemente, die in die obigen Abläufe passen. Im obigen Beispiel ist die machen Sie eine Liste block ist eine Anweisung, wie es ist Schließe die Anwendung.
  • Die andere Möglichkeit ist Ausdrücke, die sich nur geringfügig von Aussagen unterscheiden. Wo eine Aussage lauten könnte „setze dies auf ’42′“, wäre ein Ausdruck so etwas wie „addiere 22 zu 20 und gib mir das Ergebnis zurück“. In obigem, ist in der Liste ist ein Ausdruck, der entweder wahr oder falsch ausgewertet wird. Ausdrücke sind ebenfalls flache Blöcke, haben aber wahrscheinlich eine Lasche auf der linken Seite und eine Kerbe auf der rechten Seite.
  • Zuletzt, Werte Zahlen (oben „17“ und „42“), Textfolgen („Thing 1“ und „Thing 2“) oder wahr/falsch enthalten. Sie haben normalerweise nur links eine Registerkarte, da Sie sie einer Aussage oder einem Ausdruck zur Verfügung stellen.

Sie können sicherlich alle durchgehen Anleitungen und Tutorials auf App Inventor. Es ist jedoch so konzipiert, dass Sie einfach anfangen können, herumzuklicken und (wörtlich) zu sehen, was passt. Auf unserer Startseite haben wir zwei Elemente, die Aufmerksamkeit erfordern (die Schaltflächen), also sehen wir uns an, was wir uns einfallen lassen. Einer davon (Button2) schließt die App, wenn er angeklickt wird. Da dies eine Interaktion mit der Schaltfläche ist. Wir können nach Schaltflächenblöcken suchen und feststellen, dass es einen gibt, der mit beginnt wenn Button2.click (oder wenn Button 1 angeklickt wird). Dies ist genau das, was wir wollen, also ziehen wir dies auf den Viewer.

Android App App erstellen Erfinder Bildschirm1 Buttonblock1

Wenn jetzt darauf geklickt wird, möchten wir, dass die App geschlossen wird, was wie eine allgemeine App-Flow-Funktion klingt. Ein Blick in die Eingebaut > Steuerung Abschnitt sehen wir tatsächlich a Schließe die Anwendung Block. Wenn Sie es bis zur Lücke im ersten Block ziehen, rastet es ein. Erfolg!

Android App App erstellen Erfinder Bildschirm1 Buttonblock2

Wenn Sie jetzt auf die Schaltfläche klicken, wird die App geschlossen. Versuchen wir es im Emulator. Es zeigt uns einen Fehler, dass das Schließen der App in der Entwicklungsumgebung nicht unterstützt wird, aber dies bedeutet, dass es funktioniert!

Android App erstellen App-Erfinder-Bildschirm1 Schaltflächenblock-Ergebnis

Aufbau des zweiten Bildschirms: Editor-Bildschirm

Wenden wir uns nun Button1 zu.

Dies soll unseren Editor öffnen, also stellen wir besser sicher, dass der Editor existiert! Wechseln wir zurück zum Designer und erstellen einen neuen Bildschirm mit demselben Label wie der erste Bildschirm, a Textfeld (auf „Übergeordnetes füllen“ setzen für Breite, 50% für Höhe, und mit Mehrzeilig aktiviert), um unsere Inhalte zu speichern, und eine weitere Schaltfläche (mit der Bezeichnung „<< Speichern“). Überprüfen Sie nun dieses Layout im Emulator!

Android App Appinventor Screen2 Layout erstellen

Bevor wir fortfahren, wissen wir, dass wir den Inhalt aus der TextBox verstauen möchten, was sich anhört wie Lagerung. Da gibt es natürlich ein paar Möglichkeiten.

Von diesen, Datei ist am einfachsten, und da wir nur Klartext benötigen, ist es in Ordnung. Wenn Sie dies in den Viewer einfügen, werden Sie feststellen, dass es nicht angezeigt wird. Datei ist ein nicht sichtbar Komponente, da sie im Hintergrund arbeitet, um den Inhalt in einer Datei auf dem Gerät zu speichern. Der Hilfetext gibt Ihnen eine Vorstellung davon, wie dies funktioniert, aber wenn Sie diese Elemente sichtbar machen möchten, überprüfen Sie einfach die Zeige versteckte Komponenten im Viewer an Kontrollkästchen.

Android App Appinventor Bildschirm2 Speicher erstellen

Wechseln Sie jetzt zur Blockansicht – es ist Zeit zum Programmieren. Das einzige Verhalten, das wir brauchen, ist, wenn auf die Schaltfläche „<< Speichern“ geklickt wird, also schnappen wir uns unsere wenn Button1.click Block. Hier beginnt App Inventor wirklich zu glänzen.

Zuerst speichern wir den Inhalt der TextBox, indem wir die Rufen Sie File1.saveFile. auf blockieren und ihm den gewünschten Text bereitstellen (mithilfe von TextBox1's TextBox1.text, das seinen Inhalt abruft) und eine Datei zum Speichern (geben Sie einfach einen Pfad und einen Dateinamen mit einem Textblock an – die App erstellt die Datei für Sie, wenn sie nicht existiert).

Lassen Sie uns auch den Bildschirm so einrichten, dass der Inhalt dieser Datei geladen wird, wenn sie geöffnet wird (Editor > wenn Editor.initialize Block). Es sollte Rufen Sie File1.ReadFrom auf was auf unseren Dateinamen verweist. Wir können das Ergebnis des Lesens der Textdatei mit erfassen Datei > wenn Datei1.GotText, weisen Sie diesen Inhalt der TextBox zu, indem Sie die TextBox > TextBox festlegen. Text an blockieren, und gib ihm die Text bekommen Wert. Schließlich möchten wir nach dem Speichern, dass wir durch einen Klick auf Button1 zum Hauptbildschirm zurückkehren (a Bildschirm schließen Block).

Android App Appinventor Screen2 Blöcke erstellen

Der letzte Schritt besteht darin, zum Hauptbildschirm zurückzukehren und die erste Taste zu programmieren. Wir möchten, dass es uns zum Editor-Bildschirm schickt, was mit dem ein Kinderspiel ist Steuerung > anderen Bildschirm öffnen Block und geben Sie "Editor" an.

Android App Apperfinder Bildschirm1 Blöcke erstellen

Was kommt als nächstes?

Nun, da Sie etwas haben, das funktioniert, was kommt als nächstes? Um es natürlich zu verbessern! App Inventor bietet Ihnen Zugriff auf eine breite Palette von Android-Funktionen. Neben den einfachen Bildschirmen, die wir gerade erstellt haben, können Sie Ihrer App Funktionen wie Medienwiedergabe, Senden von Texten oder sogar eine Live-Webansicht hinzufügen.

Eine der ersten Verbesserungen, die mir in den Sinn kommen, ist die Möglichkeit, aus mehreren Dateien auszuwählen. Aber schnell Internetsuche enthüllt, dass dies einige höchste Hacker in App Inventor erfordert. Wenn wir diese Funktion wünschen, müssen wir uns mit Java und der Android Studio-Umgebung auseinandersetzen.

Entwicklung in Java mit Android Studio

Die folgenden Abschnitte beschreiben – auf sehr hohem Niveau – die Entwicklung unserer Scratchpad-App in Java. Es lohnt sich, es noch einmal zu wiederholen: Während es sich im Laufe der Zeit auszahlen kann, erfordert das Erlernen von Java und Android Studio einen erheblichen Zeitaufwand.

Es wird also nicht so viele Erklärungen geben was der Code bedeutet unten, und Sie sollten sich keine großen Sorgen machen. Java zu lehren würde den Rahmen dieses Artikels sprengen. Was wir Wird besorgt Untersuchen Sie, wie nah der Java-Code an den Dingen ist, die wir bereits in App Inventor erstellt haben.

Starten Sie zunächst Android Studio und wählen Sie das Neues Android Studio-Projekt starten Artikel. Sie werden durch einen Assistenten geführt, der ein paar Dinge fragt. Der erste Bildschirm fragt nach einem Namen für Ihre App, Ihrer Domain (dies ist wichtig, wenn Sie sich im App Store anmelden, aber nicht, wenn Sie nur für sich selbst entwickeln) und ein Verzeichnis für das Projekt.

android App erstellen androidstudio newproject1

Auf dem nächsten Bildschirm stellen Sie die Android-Version Eine Kurzanleitung zu Android-Versionen und -Updates [Android]Wenn Ihnen jemand sagt, dass er Android verwendet, sagt er nicht so viel, wie Sie denken. Im Gegensatz zu den großen Computerbetriebssystemen ist Android ein breites Betriebssystem, das zahlreiche Versionen und Plattformen abdeckt. Wenn du willst... Weiterlesen zu zielen. Wenn Sie eine neuere Version auswählen, können Sie die neueren Funktionen der Plattform einschließen, aber möglicherweise einige Benutzer ausschließen, deren Geräte nicht aktuell sind. Dies ist eine einfache App, also können wir bei Ice Cream Sandwich bleiben.

android App erstellen androidstudio newproject2

Als nächstes wählen wir die Standardeinstellung Aktivität für unsere App. Aktivitäten sind ein Kernkonzept in der Android-Entwicklung, aber für unsere Zwecke können wir sie als Bildschirme definieren. Android Studio hat eine Nummer, aus der Sie auswählen können, aber wir beginnen einfach mit einer leeren Nummer und erstellen sie selbst. Auf dem Bildschirm danach können Sie ihm einen Namen geben.

android App erstellen androidstudio newproject3
android App erstellen androidstudio newproject4

Nehmen Sie sich nach dem Start des neuen Projekts einen Moment Zeit, um sich mit Android Studio vertraut zu machen.

android App erstellen androidstudio main
  1. Die obere Symbolleiste enthält Schaltflächen für eine Vielzahl von Funktionen. Das Wichtigste für uns ist die Lauf Schaltfläche, die die App erstellt und im Emulator startet. (Fahren Sie fort und probieren Sie es aus, es wird gut bauen.) Es gibt andere wie Speichern und Finden, aber diese funktionieren über die Tastenkombinationen, an die wir alle gewöhnt sind (Strg+S bzw. Strg+F).
  2. Die linke Hand Projekt Bereich zeigt den Inhalt Ihres Projekts. Diese können Sie per Doppelklick öffnen, um sie zu bearbeiten.
  3. Die mittlere Region ist Ihr Editor. Je nachdem, was Sie gerade bearbeiten, kann dies textbasiert oder grafisch sein, wie wir gleich sehen werden. Dadurch werden möglicherweise auch andere Bereiche angezeigt, z. B. ein rechter Eigenschaftenbereich (wieder wie App Inventor).
  4. Der rechte und der untere Rahmen haben eine Auswahl anderer Werkzeuge, die bei Auswahl als Fenster angezeigt werden. Es gibt Dinge wie ein Terminal zum Ausführen von Befehlszeilenprogrammen und Versionskontrolle, aber die meisten davon sind für ein einfaches Programm nicht wichtig.

Portierung des Hauptbildschirms nach Java

Wir beginnen damit, das Scratchpad in Java neu zu erstellen. Wenn wir uns unsere vorherige App ansehen, können wir sehen, dass wir für den ersten Bildschirm ein Label und zwei Schaltflächen benötigen.

In den vergangenen Jahren war die Erstellung einer Benutzeroberfläche auf Android ein mühsamer Prozess mit handgefertigtem XML. Heutzutage tun Sie dies grafisch, genau wie in App Inventor. Jede unserer Aktivitäten verfügt über eine Layoutdatei (in XML erstellt) und eine Codedatei (JAVA).

Klicken Sie auf die Registerkarte "main_activity.xml", und Sie sehen den unteren (sehr Designer-ähnlichen) Bildschirm. Wir können es verwenden, um unsere Steuerelemente per Drag-and-Drop zu verschieben: a Textvorschau (wie ein Label) und zwei Tasten.

Android App erstellen Androidstudio Layouteditor

Verdrahten wir die Ausgang Taste. Wir müssen einen Button sowohl im Code als auch grafisch erstellen, im Gegensatz zu App Inventor, das diese Buchhaltung für uns übernimmt.

Aber mögen AI, die Java-API von Android, verwendet das Konzept eines „onClickListner“. Es reagiert, wenn ein Benutzer auf eine Schaltfläche klickt, genau wie unser alter Freund der "when Button1.click"-Block. Wir verwenden die Methode "finish()", damit die App beendet wird, wenn der Benutzer klickt (denken Sie daran, dies im Emulator zu versuchen, wenn Sie fertig sind).

android App erstellen androidstudio screen1 code

Hinzufügen des Editor-Bildschirms

Nachdem wir die App nun schließen können, verfolgen wir unsere Schritte erneut. Bevor wir die Schaltfläche "Bearbeiten" verdrahten, erstellen wir die Editor-Aktivität (Bildschirm). Klicken Sie mit der rechten Maustaste in das Projekt ausschneiden und auswählen Neu > Aktivität > Leere Aktivität und nennen Sie es „EditorActivity“, um den neuen Bildschirm zu erstellen.

android App erstellen androidstudio newactivity

Dann erstellen wir das Layout des Editors mit einem TextBox bearbeiten (wo der Text hingehört) und eine Schaltfläche. Verstelle die Eigenschaften von jedem nach Ihren Wünschen.

android App erstellen androidstudio screen2 layout

Wechseln Sie nun zur Datei EditorActivity.java. Wir werden einige ähnliche Funktionen wie in App Inventor programmieren.

Man erstellt die Datei, um unseren Text zu speichern, wenn er nicht existiert, oder liest seinen Inhalt, wenn er vorhanden ist. Ein paar Zeilen erstellen die TextBox bearbeiten und laden Sie unseren Text hinein. Schließlich erstellt etwas mehr Code den Button und seinen onClickListener (der den Text in der Datei speichert und dann die Aktivität schließt).

android App erstellen androidstudio screen2 code
android App erstellen androidstudio screen2 code2

Wenn wir es jetzt im Emulator ausführen, sehen wir Folgendes:

  1. Vor der Ausführung gibt es keinen Ordner unter „/storage/emulated/0/Android/data/[Ihre Domain- und Projektname]/files“, der das Standardverzeichnis für App-spezifische Daten ist.
  2. Beim ersten Durchlauf wird der Hauptbildschirm wie erwartet angezeigt. Noch kein Verzeichnis wie oben, noch unsere Scratchpad-Datei.
  3. Beim Anklicken des Bearbeiten Schaltfläche wird das Verzeichnis und die Datei erstellt.
  4. Beim Klicken Speichern, wird der eingegebene Text in der Datei gespeichert. Sie können dies bestätigen, indem Sie die Datei in einem Texteditor öffnen.
  5. Beim Klicken Bearbeiten Sie sehen wieder den vorherigen Inhalt. Ändern und klicken Speichern speichert es und klickt auf Bearbeiten werde mich wieder daran erinnern. Und so weiter.
  6. Beim Klicken Ausgang, wird die App beendet.

Erweiterung der App: Wählen Sie Ihre Speicherdatei

Jetzt haben wir eine funktionierende Version unseres ursprünglichen App Inventor Scratchpads. Aber wir haben es nach Java portiert, um es zu verbessern. Lassen Sie uns die Möglichkeit einschließen, aus mehreren Dateien in diesem Standardverzeichnis auszuwählen. Sobald wir dies tun, werden wir wirklich mehr daraus machen Notizblock als nur ein Notizblock, also erstellen wir eine Kopie des aktuellen Projekts mit der Anleitung hier.

Wir haben einen Android Intent verwendet, um unsere Editor-Aktivität von der Hauptaktivität aus aufzurufen, aber sie sind auch eine bequeme Möglichkeit, andere Anwendungen aufzurufen. Durch Hinzufügen einiger Codezeilen sendet unser Intent eine Anfrage für Dateimanageranwendungen Die 7 besten kostenlosen Datei-Explorer für AndroidEs gibt eine Reihe von Apps zur Dateiverwaltung und zum Erkunden von Dateien für Android, aber diese sind die besten. Weiterlesen reagieren. Dies bedeutet, dass wir einen guten Teil der Codeprüfung für das Erstellen der Datei entfernen können, da der Intent uns nur erlaubt, eine tatsächlich vorhandene zu durchsuchen/auszuwählen. Am Ende bleibt unsere Editor-Aktivität genau gleich.

android App erstellen androidstudio screen1new flow

Es war eine Herausforderung, unseren Intent dazu zu bringen, uns einen String (Java-Textobjekt) zurückzugeben, den wir in unseren Intent packen können. Glücklicherweise ist das Internet Ihr Freund, wenn es um Programmierfragen geht. EIN schnelle Suche gibt uns einige Optionen, einschließlich Code, den wir in unsere App einfügen können.

android App erstellen androidstudio screen1neuer Code
android App erstellen androidstudio screen1new code2
Code mit freundlicher Genehmigung von Paketüberfluss

Und mit dieser kleinen Änderung und ein wenig geliehenem Code können wir eine Dateibrowser-/Manager-Anwendung auf dem Gerät verwenden, um die Datei zum Speichern unserer Inhalte auszuwählen. Jetzt, da wir uns im "Erweiterungsmodus" befinden, ist es einfach, ein paar weitere nützliche Verbesserungen zu erzielen:

  • Wir können wählen aus den vorhandenen Dateien, aber im Moment haben wir unsere Einrichtung entfernt, um schaffen Sie. Wir benötigen eine Funktion für den Benutzer, um einen Dateinamen anzugeben, dann diese Datei zu erstellen und auszuwählen.
  • Es kann nützlich sein, unsere App auf „Teilen“-Anfragen reagieren zu lassen, damit Sie eine URL aus dem Browser teilen und zu einer Ihrer Notizdateien hinzufügen können.
  • Wir haben es hier mit reinem Text zu tun, aber reichhaltigere Inhalte mit Bildern und/oder Formatierungen sind bei diesen Arten von Apps ziemlich Standard.

Mit der Möglichkeit, Java anzuzapfen, sind die Möglichkeiten endlos!

Verteilen Ihrer App

Nun, da Ihre App fertig ist, müssen Sie sich zunächst die Frage stellen, ob Sie sie überhaupt verteilen möchten! Vielleicht haben Sie etwas so Persönliches und Individuelles erstellt, dass es scheint, als wäre es für niemanden anders geeignet. Aber ich möchte Sie bitten, nicht so zu denken. Sie werden wahrscheinlich überrascht sein, wie nützlich es für andere ist; Wenn nichts anderes, ist es zumindest eine Lernerfahrung, die zeigt, was ein neuer Programmierer kann.

Aber selbst wenn Sie sich entscheiden, Ihre neue Kreation für sich zu behalten, benötigen Sie dennoch einige der folgenden Schritte, um sie tatsächlich auf Ihrem Gerät zu installieren. Lassen Sie uns also lernen, wie Sie Ihre App verpacken, um sie im Quellcodeformat sowie als installierbares Paket zu teilen.

Quellcode-Verteilung

Unabhängig davon, welche Methode Sie bisher verwendet haben, haben Sie unterwegs Quellcode geändert.

Während App Inventor den eigentlichen Code hinter den Kulissen gut versteckt, repräsentieren die Blöcke und UI-Widgets, die Sie bewegt haben, alle Code. Und Quellcode ist ein absolut gültiger Weg, Software zu verteilen, wie die Open-Source-Community gut bestätigen kann. Dies ist auch eine großartige Möglichkeit, andere in Ihre Bewerbung einzubeziehen, da sie das, was Sie getan haben, übernehmen und darauf aufbauen können.

Wir erhalten den Quellcode aus beiden Umgebungen in einem strukturierten Format. Dann kann entweder jemand (uns selbst eingeschlossen) es leicht wieder in dasselbe Programm importieren und schnell loslegen.

Exportieren der Quelle aus App Inventor

Um aus App Inventor zu exportieren, öffnen Sie einfach Ihr Projekt und dann aus dem Projekte Menü, wählen Sie die Ausgewähltes Projekt (.aia) auf meinen Computer exportieren.

Android App-Appinventor-Export erstellen

Dadurch wird die oben genannte .AIA-Datei (vermutlich „App Inventor Archive“) heruntergeladen. Aber dies ist tatsächlich eine ZIP-Datei; Versuchen Sie, es in Ihrem bevorzugten Archivmanager zu öffnen, um seinen Inhalt zu überprüfen.

Android App Appinventor erstellen Inhalte exportieren

Beachten Sie, dass der Inhalt der appinventor/ai_[Ihre Benutzer-ID]/[Projektname] Ordner sind eine SCM- und BKY-Datei. Dies ist nicht die JAVA-Quelle, die wir in Android Studio gesehen haben, daher können Sie diese nicht in einer alten Entwicklungsumgebung öffnen und kompilieren. Sie (oder jemand anderes) können sie jedoch erneut in App Inventor importieren.

Android App-Appinventor-Import erstellen

Archivierungsquelle aus Android Studio

Das Ausgeben Ihres Android Studio-Projekts im Archivformat ist so einfach wie das Komprimieren des Projektordners. Verschieben Sie es dann an einen neuen Ort und öffnen Sie es wie gewohnt Datei > Öffnen Punkt im Hauptmenü.

Android Studio liest die Einstellungen Ihres Projekts (workspace.xml) und alles sollte so sein, wie es vorher war.

Android App Appinventor erstellen Projekteinstellungen exportieren

Es ist erwähnenswert, dass das Archivieren des gesamten Ordners Wille Fügen Sie einige Crufts hinzu, insbesondere die Dateien aus dem letzten Build Ihres Programms.

Diese werden beim nächsten Build gelöscht und neu generiert, sodass sie nicht erforderlich sind, um die Integrität Ihres Projekts zu erhalten. Aber sie schaden auch nicht, und es ist einfacher (vor allem für Anfänger), nicht damit anzufangen, sich darum zu kümmern, welche Ordner mitkommen sollen und welche nicht. Es ist besser, das Ganze zu nehmen, als etwas zu verpassen, das Sie später brauchen.

Verteilung von Android-Paketen

Wenn Sie jemandem eine Kopie Ihrer App geben möchten, nur um sie auszuprobieren, ist eine APK-Datei die beste Wahl. Das Standard-Android-Paketformat sollte denen bekannt sein, die den Play Store verlassen haben, um Software zu erhalten.

Diese zu bekommen ist genauso einfach wie die Archivierung der Quelle in beiden Programmen. Dann können Sie es auf einer Website (wie F-Droid) veröffentlichen oder es an befreundete Leute weitergeben, um ihr Feedback zu erhalten. Dies ist ein großartiger Betatest für Apps, die Sie später verkaufen möchten.

Erstellen einer APK in App Inventor

Geh rüber zum Bauen Menü und wählen Sie die App (.apk auf meinem Computer speichern) Artikel. Die App beginnt mit dem Build (wird durch einen Fortschrittsbalken angezeigt), und sobald sie abgeschlossen ist, erhalten Sie einen Dialog zum Speichern der APK-Datei. Jetzt können Sie es nach Herzenslust kopieren und versenden.

So erstellen Sie eine Android-App: Alles, was Sie wissen müssen Android App erstellen Appinventor Export Build 670x427

Um die App zu installieren, müssen Benutzer die Installation von Software von Drittanbietern in den Einstellungen des Geräts zulassen wie hier beschrieben Ist es sicher, Android-Apps aus unbekannten Quellen zu installieren?Der Google Play Store ist nicht Ihre einzige Quelle für Apps, aber ist es sicher, woanders zu suchen? Weiterlesen .

Erstellen einer APK in Android Studio

Das Erstellen eines Android-Pakets ist in Android Studio genauso einfach. Unter dem Bauen Menü, wählen APK erstellen. Sobald der Build abgeschlossen ist, erhalten Sie in einer Benachrichtigung einen Link zu dem Ordner auf Ihrem Computer, der die App enthält.

Android App erstellen Androidstudio apk-Menü

Google Play-Vertrieb

Die Einrichtung als Google-Entwickler ist ein kleiner Prozess. Sie sollten es auf jeden Fall in Betracht ziehen, wenn Sie etwas Erfahrung gesammelt haben, aber es ist nicht etwas, das Sie sofort in Angriff nehmen müssen.

Zunächst einmal hat es eine Anmeldegebühr von 25 US-Dollar. Es hat auch eine Reihe von technischen Details, die zu einem späteren Zeitpunkt etwas schwer zu ändern sind. Sie müssen beispielsweise einen kryptografischen Schlüssel generieren, um Ihre Apps zu signieren, und wenn Sie ihn einmal verlieren, können Sie die App nicht aktualisieren.

Aber auf einer hohen Ebene gibt es drei wichtige Prozesse, die Sie ausführen müssen, um Ihre App in den Play Store zu bringen:

  1. Als Entwickler registrieren: Sie können Ihr Entwicklerprofil (basierend auf einem Google-Konto) einrichten auf diese Seite. Der Assistent führt Sie durch einen recht einfachen Registrierungsprozess, der die oben genannte Gebühr von 25 USD beinhaltet.
  2. Bereiten Sie die App für den Store vor: Die Emulatorversionen der von Ihnen getesteten App sind auch debuggen Versionen. Dies bedeutet, dass sie viel zusätzlichen Code im Zusammenhang mit der Fehlerbehebung und Protokollierung haben, der nicht erforderlich ist, und sie können sogar ein Datenschutzproblem darstellen. Vor der Veröffentlichung im Store müssen Sie eine Veröffentlichungsversion folgend diese Stufen. Dazu gehört das Signieren Ihrer App mit dem bereits erwähnten Krypto-Schlüssel.
  3. Richten Sie Ihre Infrastruktur ein: Sie müssen auch die Store-Seite für Ihre App einrichten. Google bietet eine Liste mit Ratschlägen zum Einrichten eines Eintrags, der Ihnen Installationen (und Verkäufe!) einbringt. Ihre Infrastruktur kann auch Server umfassen, mit denen Ihre App synchronisiert wird.
  4. Zuletzt, Wenn Sie bezahlt werden möchten, benötigen Sie ein Zahlungsprofil. Das ist einer von denen einmal und fertig Details, also stellen Sie sicher, dass Sie wissen, wie alles zusammenpasst, bevor Sie fortfahren.

Zusammenfassung und gewonnene Erkenntnisse

Wir sind am Ende des Leitfadens angelangt. Hoffentlich hat dies Ihr Interesse an der Android-Entwicklung geweckt und Sie motiviert, Ihre Idee zu übernehmen und sie tatsächlich zu entwickeln. Aber bevor Sie den Kopf senken und mit dem Bauen beginnen, lassen Sie uns auf einige der wichtigsten Lektionen zurückblicken, die wir in den obigen Abschnitten gelernt haben.

  • Wir schauten auf zwei Wege um Ihre App zu erstellen: Point-and-Click-Builder und Programmierung von Grund auf in Java. Die erste hat eine niedrigere Lernkurve und bietet eine faire (aber immer noch begrenzte) Auswahl an Funktionen. Mit der zweiten können Sie so ziemlich alles erstellen, was Sie sich vorstellen können, und bietet Vorteile, die über die Android-Entwicklung hinausgehen, aber das Erlernen dauert länger.
  • Obwohl sie alle ihre Vor- und Nachteile haben, Sie können beide Pfade verwenden! Die Point-and-Click-Umgebungen bieten einen schnellen Turnaround für den Prototyp Ihrer App, während die zweite Ihnen ermöglicht, sie für eine langfristige Verbesserung neu zu erstellen.
  • Es ist zwar verlockend, gleich mit der Arbeit an der App selbst zu beginnen, aber Sie werden später sehr froh sein, wenn Sie sich etwas Zeit nehmen Entwerfe deine App, einschließlich Skizzen der Schnittstelle und/oder informeller Dokumentation ihrer Funktionen. Dies kann Ihnen auch dabei helfen, festzustellen, ob eine oder beide der oben genannten Methoden gute Optionen sind.
  • Eine einfache Möglichkeit, mit der Entwicklung zu beginnen, besteht darin, Elemente der Benutzeroberfläche anzulegen und sie dann durch Programmierung ihrer Funktionalität zu „verdrahten“. Während erfahrene Entwickler mit der Codierung von „Hintergrund“-Komponenten beginnen können, hilft es für Neulinge, alles visualisieren zu können.
  • Wenn Sie in Code eintauchen, haben Sie keine Angst, im Internet nach Antworten zu suchen. Wenn Sie eine Google-Suche mit ein paar Schlüsselwörtern und einem "Codebeispiel" am Ende durchführen, erhalten Sie einige gute Ergebnisse.
  • Testen Sie Ihre Arbeit während des Bauens nach und nach. Andernfalls ist es sehr schwierig festzustellen, welche der Aktionen der letzten zwei Stunden Ihre App beschädigt hat.

Behalten Sie diese im Hinterkopf und beginnen Sie damit, Ihre Träume von der App-Entwicklung wahr werden zu lassen. Und wenn Sie sich die Hände schmutzig machen wollen, lassen Sie es uns in den Kommentaren wissen (wir lieben übrigens Links zu Screenshots). Viel Spaß beim Bauen!

Aaron ist seit fünfzehn Jahren als Business-Analyst und Projektmanager tief in der Technologie tätig und ist fast genauso lange ein treuer Ubuntu-Benutzer (seit dem Breezy Badger). Zu seinen Interessen gehören Open Source, Small Business Applications, die Integration von Linux und Android sowie Computing im Klartextmodus.