So erstellen Sie eine App mit Android Studio: 8 Schritte (mit Bildern)

Inhaltsverzeichnis:

So erstellen Sie eine App mit Android Studio: 8 Schritte (mit Bildern)
So erstellen Sie eine App mit Android Studio: 8 Schritte (mit Bildern)

Video: So erstellen Sie eine App mit Android Studio: 8 Schritte (mit Bildern)

Video: So erstellen Sie eine App mit Android Studio: 8 Schritte (mit Bildern)
Video: Leere Seite in Word löschen 2024, April
Anonim

Android Studio ist die offizielle IDE für Android-Apps. Es kostet nichts und unterstützt die Programmiersprachen Java und Kotlin. Es gibt Ihnen eine große Kontrolle darüber, was Ihre App tut. Warum also nicht Ihre App darin programmieren? In diesem Artikel wird erwartet, dass Sie die Grundlagen von Java kennen. Wenn Sie dies nicht tun, lesen Sie bitte Wie Sie Ihr erstes Programm in Java schreiben, um eine Einführung zu erhalten. In diesem wikiHow zeigen wir dir, wie du eine einfache App in Android Studio erstellst.

Schritte

Teil 1 von 4: Android Studio installieren

4296302 1
4296302 1

Schritt 1. Laden Sie Android Studio herunter

Stellen Sie sicher, dass Sie die richtige Version für das von Ihnen verwendete Betriebssystem (d. h. Windows, Mac, Linux) herunterladen. Der Download ist etwa 1 GB groß und kann einige Minuten dauern. Führen Sie die folgenden Schritte aus, um Android Studio herunterzuladen und zu installieren: Stellen Sie sicher, dass Sie die Version für Ihr System erhalten.

  • Rufen Sie in einem Webbrowser https://developer.android.com/studio/index.html auf.
  • Klicken Sie auf den grünen Button mit der Aufschrift Android Studio herunterladen (Stellen Sie sicher, dass das richtige Betriebssystem unter der Schaltfläche aufgeführt ist.)
  • Aktivieren Sie das Kontrollkästchen neben "Ich habe die oben genannten Bedingungen gelesen und stimme ihnen zu".
  • Klicken Sie auf die blaue Schaltfläche mit der Aufschrift Laden Sie Android Studio für [Ihr Betriebssystem] herunter.

  • Öffnen Sie die Installationsdatei.
  • Folge den Anweisungen auf dem Bildschirm
4296302 2
4296302 2

Schritt 2. Installieren Sie die Abhängigkeiten (nur Linux 64-Bit)

Wenn Sie einen 64-Bit-Linux-Computer haben (überspringen Sie diesen Schritt, wenn Sie dies nicht tun), müssen Sie einige zusätzliche Pakete installieren. Geben Sie auf einem System, das apt verwendet, in die Befehlszeile ein: sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386.

  • Wenn Ihr System yum verwendet, geben Sie stattdessen Folgendes ein: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Alternativ können Sie Android Studio auf Ubuntu ganz einfach installieren, indem Sie das Software Center öffnen. Klicken Sie auf das lupenähnliche Symbol in der oberen rechten Ecke und geben Sie "Android Studio" in die Suchleiste ein. Klicken Sie auf das Android Studio-Symbol und dann auf Installieren Es hat ein Symbol, das einem Zeichenkompass in Form eines "A" in einem grünen Kreis ähnelt.
4296302 3
4296302 3

Schritt 3. Entpacken Sie das Archiv (nur Linux)

Überspringen Sie diesen Schritt, wenn Sie heruntergeladen haben, wenn Sie eine Installationsdatei auf Windows oder Mac heruntergeladen haben, oder wenn Sie Android Studio aus dem Software Center auf Ubuntu heruntergeladen haben. Wechseln Sie andernfalls in das Verzeichnis, in das Sie das Archiv heruntergeladen haben. Klicken Sie dann entweder im Dateimanager mit der rechten Maustaste darauf und wählen Sie die Option "Hier extrahieren". oder geben Sie "tar -xf downloadName.tar.gz" in die Befehlszeile ein (ersetzen Sie "downloadName" durch den Namen der Datei, die Sie gerade heruntergeladen haben).

4296302 4
4296302 4

Schritt 4. Starten Sie Android Studio

Wenn Sie eine.exe- oder.dmg-Datei heruntergeladen haben, doppelklicken Sie einfach darauf. Wenn Sie ein Archiv heruntergeladen und entpackt haben, öffnen Sie das Terminal und wechseln Sie in das Unterverzeichnis „bin“des Verzeichnisses mit den entpackten Dateien (normalerweise „android-studio“). Dies geschieht durch Eingabe von cd android-studio/bin. Führen Sie die Datei "studio.sh" aus, indem Sie./studio.sh eingeben.

4296302 5
4296302 5

Schritt 5. Entscheiden Sie, ob die Einstellungen importiert werden sollen

Wenn Sie Android Studio zum ersten Mal verwenden, wählen Sie Nein. Wenn Sie es bereits verwendet haben und die vorherigen Einstellungen haben möchten, wählen Sie Jawohl und geben Sie an, wo Sie sie gespeichert haben.

4296302 6
4296302 6

Schritt 6. Entscheiden Sie, ob Nutzungsdaten an Google gesendet werden sollen

Dies ist eine persönliche Entscheidung und ändert nichts an der Installation oder Programmierung.

4296302 7
4296302 7

Schritt 7. Warten Sie, bis ein Fenster angezeigt wird

Es heißt "Android Studio Setup Wizard". Klicke auf Nächste fortfahren.

4296302 8
4296302 8

Schritt 8. Entscheiden Sie, ob Sie eine Standard- oder eine benutzerdefinierte Installation durchführen möchten

Wenn Sie Android Studio zum ersten Mal verwenden und/oder keine besonderen Anforderungen haben, sollten Sie "Standard" auswählen.

4296302 9
4296302 9

Schritt 9. Warten Sie, bis die Komponenten heruntergeladen wurden, und klicken Sie auf Fertig stellen

Dies wird einige Zeit dauern, und Sie können in der Zwischenzeit etwas anderes tun. Klicken Sie nach dem Herunterladen auf Beenden.

Teil 2 von 4: Ein neues Projekt starten

4296302 10
4296302 10

Schritt 1. Öffnen Sie Android Studio

Es hat ein Symbol, das einem Zeichenkompass in Form eines A in einem grünen Kreis ähnelt. Klicken Sie auf das Symbol, um Android Studio zu öffnen.

4296302 11
4296302 11

Schritt 2. Klicken Sie auf + Neues Android Studio-Projekt starten

Es befindet sich im Fenster "Willkommen bei Android Studio", direkt unter dem Android Studio-Logo. Wenn Sie ein solches Fenster nicht sehen, prüfen Sie, ob dieses Fenster von anderen Fenstern, die Sie geöffnet haben, verdeckt wird.

4296302 12
4296302 12

Schritt 3. Wählen Sie eine Aktivität aus und klicken Sie auf Weiter

Wenn Sie ein neues Android-Projekt starten, werden verschiedene Vorlagen angezeigt, die Sie auswählen können. Sie können auch die Geräte auswählen, für die Sie die Registerkarten oben verwenden möchten (z. B. Telefon und Tablet, WearOS, TV usw.). Um zu lernen, wie Sie Apps erstellen, sollten Sie "Leere Aktivität" auswählen. Wenn Sie sich mit der App-Programmierung vertraut gemacht haben, können Sie die zusätzlichen Funktionen nutzen, die die anderen Aktivitäten bieten.

4296302 13
4296302 13

Schritt 4. Geben Sie einen Namen für Ihre App ein

Dies wird in das Feld unter "Name" oben auf der Seite "Projekt konfigurieren" eingetragen. Es sollte kurz und anschaulich sein, damit Sie sofort sehen, wofür die App gedacht ist.

4296302 14
4296302 14

Schritt 5. Wählen Sie Java als Sprache aus

Verwenden Sie das Dropdown-Menü unter "Sprache", um auszuwählen Java.

4296302 15
4296302 15

Schritt 6. Wählen Sie aus, für welche Android-Version Sie entwerfen möchten

Verwenden Sie das Dropdown-Menü neben "Mindest-API-Level", um die früheste Android-Version auszuwählen, mit der Ihre App kompatibel ist. Für eine einfache App sollten Sie eine Version wählen, die von den meisten Geräten unterstützt wird, auch wenn sie älter ist.

4296302 16
4296302 16

Schritt 7. Klicken Sie auf Fertig stellen

Dadurch wird ein neues Android Studio-Projekt erstellt. Warten Sie einige Minuten, während das automatisierte Build-System Ihr Projekt einrichtet.

Teil 3 von 4: Programmierung der App

4296302 17
4296302 17

Schritt 1. Verstehen Sie, was Sie tun möchten

Überlegen Sie sich, welche Eingaben der Benutzer geben wird, wie Sie sie verarbeiten (Sie können während der Programmierung improvisieren, sollten jedoch einen Überblick darüber haben, wie es funktionieren soll), wie Sie die Ausgabe für den Benutzer anzeigen. Dieses Beispiel zeigt, wie Sie eine App erstellen, bei der der Benutzer zwei Zahlen eingeben kann und die Summe angezeigt wird.

4296302 18
4296302 18

Schritt 2. Öffnen Sie den Übersetzungseditor

Es empfiehlt sich, nur Zeichenfolgen aus den Übersetzungsressourcen zu verwenden, auch wenn Sie die App nicht übersetzen. Gehen Sie wie folgt vor, um den Übersetzungseditor zu öffnen:

  • Klicken Sie auf die Registerkarte mit der Aufschrift Aktivität_main.xml oben.
  • Klicken Sie oben neben einem Symbol, das einem Globus ähnelt, auf das Dropdown-Menü mit der Aufschrift "Standard (en-us)".
  • Klicken Sie auf die Option, die sagt Übersetzungen bearbeiten….
4296302 19
4296302 19

Schritt 3. Fügen Sie etwas Text hinzu

Sie müssen dem Benutzer erklären, was er mit der App tun soll. Verwenden Sie die folgenden Schritte, um Text hinzuzufügen:

  • Drücken Sie auf das Pluszeichen (+) in der oberen linken Ecke des Übersetzungseditors, um eine Zeichenfolge hinzuzufügen.
  • Fügen Sie einen kurzen Schlüssel ein (dies ist wie ein Variablenname, zum Beispiel "main_instruction").
  • Geben Sie den vollständigen englischen Text neben "Standardwert" ein (z. B. "Geben Sie zwei Zahlen zum Hinzufügen ein:").
  • Klicken Okay.
  • Wenn Sie möchten, können Sie mit der Schaltfläche, die einen Globus mit einem +-Zeichen darstellt, ein Gebietsschema hinzufügen und dann den gesamten Text in dieses Gebietsschema übersetzen.
4296302 20
4296302 20

Schritt 4. Klicken Sie auf die Registerkarte activity_main.xml.

Dies schließt den Übersetzungseditor und wechselt zurück zum Aktivitätshauptbildschirm. Sie sehen einen leeren Bildschirm mit einem Textfeld mit dem Text "Hello World!" mitten drin. Im Moment ist dies eine ziemlich nutzlose Schnittstelle.

4296302 21
4296302 21

Schritt 5. Ersetzen Sie „Hallo Welt

". Verwenden Sie die folgenden Schritte, um den Text "Hello World!" zu ersetzen:

  • Klicken Sie auf das Textfeld in der Mitte.
  • Wählen Sie auf der rechten Seite den mit "Text" beschrifteten Eingang aus.
  • Ersetzen Sie "Hallo Welt!" mit "@string/main_instruction" (oder wie auch immer Sie den erstellten Schlüssel genannt haben). Das Textfeld zeigt nun den Text an, den Sie für diesen Schlüssel eingegeben haben.
  • Ziehen Sie das Textfeld weiter nach oben, damit Sie darunter Platz für andere Elemente haben.
  • Klicken Sie mit der rechten Maustaste auf den Eintrag "TextView" im Menü, das alle Elemente auf dem Bildschirm anzeigt, und wählen Sie Einschränken gefolgt von Elternteil.

    Wenn dies das Textfeld an eine inakzeptable Position verschiebt, verschieben Sie es zurück an die Stelle, an der es war, und wiederholen Sie den Vorgang. Auswählen Center gefolgt von Horizontal um das Textfeld horizontal zu zentrieren.

4296302 22
4296302 22

Schritt 6. Platzieren Sie zwei numerische Eingaben auf dem Bildschirm

Verwenden Sie die folgenden Schritte, um numerische Eingaben auf dem Bildschirm hinzuzufügen:

  • Klicken Text im Panel links unter "Palette".
  • Ziehen Sie zwei Nummer (unterzeichnet) Eingaben in den Vorschaubildschirm.
  • Verwenden Sie das Textfeld "Id" im Attribute-Panel auf der rechten Seite, um die IDs in etwas zu ändern, an das Sie sich erinnern können (z. B. "number1" und "number2"). Vermeiden Sie Leerzeichen in der ID.
  • Beschränken und zentrieren Sie die Zahleneingaben genau wie mit dem Textfeld oben. Sie können die Warnung über das fehlende "autoFillHints"-Attribut ignorieren.
4296302 23
4296302 23

Schritt 7. Platzieren Sie eine Schaltfläche "Hinzufügen" auf dem Bildschirm

Führen Sie die folgenden Schritte aus, um eine Schaltfläche "Hinzufügen" hinzuzufügen:

  • Klicken Tasten im Panel links unter "Palette".
  • Ziehen Taste auf den Bildschirm.
  • Fügen Sie im Übersetzungseditor einen String mit dem Schlüssel "text_add" und "Add" als Standardwert hinzu.
  • Gehen Sie zurück zu "activity_main.xml" und ersetzen Sie den Text "Button" durch "@string/text_add" im Attribute-Panel auf der rechten Seite
  • Geben Sie der Schaltfläche eine beschreibende ID, z. B. "buttonAdd" neben "Id" im Attribute-Panel rechts.
  • Beschränken und zentrieren Sie die Schaltfläche wie bei den anderen Objekten auf dem Bildschirm.
4296302 24
4296302 24

Schritt 8. Fügen Sie die beiden Übersetzungszeichenfolgen hinzu

Öffnen Sie den Übersetzungseditor und erstellen Sie zwei neue Zeichenfolgen. Man sollte als Schlüssel "Ergebnis" und als Vorgabewert "Ergebnis" heißen. Der andere sollte als Schlüssel "not_yet_calculated" und als Standardwert "noch nicht berechnet" heißen.

4296302 25
4296302 25

Schritt 9. Fügen Sie zwei weitere Textfelder hinzu

Verwenden Sie die folgenden Schritte, um zwei neue Textfelder hinzuzufügen:

  • Wechseln Sie zurück zum Reiter "Activity_main.xml".
  • Klicken Text im Panel links unter "Palette".
  • Ziehen Sie zwei Textvorschau Textfelder auf den Bildschirm.
  • Ersetzen Sie die Zeichenfolgen durch die von Ihnen hinzugefügten.
  • Geben Sie dem Textfeld, das "noch nicht berechnet" anzeigt, eine ID wie "resultOut" im Feld "id" des Attribute-Panels.
  • Beschränken Sie diese Textfelder auf übergeordnetes Top und auf übergeordnetes Start.
4296302 26
4296302 26

Schritt 10. Wechseln Sie zu "mainActivity.java"

Dies ist die Datei, die den App-Code enthält.

4296302 27
4296302 27

Schritt 11. Deklarieren Sie die erforderlichen Variablen

Sie müssen die Benutzereingaben einholen, reagieren, wenn der Benutzer eine Schaltfläche drückt, und das Textfeld "Noch nicht berechnet" in das Ergebnis der Berechnung ändern. Dazu muss das Programm die Elemente auf dem Bildschirm "sehen". Sie sollten sie als endgültig deklarieren, da Sie sie niemals direkt ändern werden, sondern nur ihre Attribute. Geben Sie also in der Zeile unter der Funktion onCreate() nach der Zeile mit "setContentView()" Folgendes ein. Wenn die Textfelder und Schaltflächen andere Namen haben als unten, ändern Sie sie nach Bedarf. Geben Sie den Code manuell ein. Es funktioniert nicht, wenn Sie kopieren und einfügen. Der Code lautet wie folgt:

final EditText num1 = findViewById(R.id.number1); final EditText num2 = findViewById(R.id.number2); final Button buttonAdd = findViewById(R.id.buttonAdd); final TextView resultOut = findViewById(R.id.resultOut);

4296302 28
4296302 28

Schritt 12. Erstellen Sie einen Klick-Listener

Dies ist die Funktion, die aufgerufen wird, wenn der Benutzer auf die Schaltfläche klickt. Um einen hinzuzufügen, geben Sie Folgendes unter der letzten "letzten" Codezeile ein:

buttonAdd.setOnClickListener(new View. OnClickListener() { @Override public void onClick(View v) {

} });

4296302 29
4296302 29

Schritt 13. Fügen Sie dem Klick-Listener Code hinzu

Sie möchten die Eingaben des Benutzers abrufen, in ganze Zahlen umwandeln, zusammenaddieren und den Text des Textfelds "noch nicht berechnet" in das Ergebnis ändern. Fügen Sie den folgenden Code unter der Zeile "public void onClick(View v)" hinzu:

int sum = Integer.parseInt(num1.getText().toString()) + Integer.parseInt(num2.getText().toString()); resultOut.setText(Integer.toString(Summe));

Teil 4 von 4: Testen der App

4296302 30
4296302 30

Schritt 1. Erstellen Sie die APK

Führen Sie die folgenden Schritte aus, um die APK-Datei zu erstellen:

  • Drücke den Bauen Tab.
  • Klicken Bundle(s) / APK(s) erstellen
  • Klicken APK(s) erstellen.
4296302 31
4296302 31

Schritt 2. Klicken Sie im erscheinenden Pop-up in der unteren rechten Ecke auf den Link "Lokalisieren"

Dadurch wird der Ordner mit der APK im Dateimanager geöffnet.

4296302 32
4296302 32

Schritt 3. Verbinden Sie Ihr Android-Smartphone mit Ihrem Computer

Verwenden Sie das USB / microUSB-Übertragungskabel, um Ihr Smartphone oder Tablet mit Ihrem Computer zu verbinden.

4296302 33
4296302 33

Schritt 4. Kopieren Sie die APK auf Ihr Smartphone

Um kein Chaos auf dem Smartphone zu verursachen, erstellen Sie entweder ein neues Verzeichnis für Ihre APKs (vorerst ist es nur eines, aber wenn Sie weiter entwickeln, werden Sie bald viele haben) oder verwenden Sie das Downloads-Verzeichnis. Kopieren Sie die.json-Datei nicht, ignorieren Sie sie einfach.

4296302 34
4296302 34

Schritt 5. Suchen Sie die APK auf dem Smartphone

Öffnen Sie den Dateimanager. Wenn es sich nicht in den letzten Downloads oder im Abschnitt APKs befindet, suchen Sie danach.

4296302 35
4296302 35

Schritt 6. Tippen Sie auf die APK

Sie werden gefragt, ob Sie es installieren möchten. Zapfhahn Jawohl und warten Sie auf die Installation.

  • Sie müssen die Installation von Apps von externen Quellen in den Einstellungen des Smartphones zulassen, um Ihre App darauf installieren und testen zu können.
  • Sie können die APK nach der Installation löschen. Sie können jederzeit eine neue auf Ihrem Computer erstellen, wenn Sie sie erneut benötigen.
4296302 36
4296302 36

Schritt 7. Öffnen Sie die App auf dem Smartphone

Es wird ein weißes Android-Logo hinter einem dunkelblau-grünen Hintergrund als Symbol haben.

4296302 37
4296302 37

Schritt 8. Prüfen Sie, ob die App wie erwartet funktioniert

Tipps

Wenn Sie etwas erstellen, von dem Sie glauben, dass es für andere nützlich ist, können Sie Ihre App auf einer Vertriebsplattform wie Google Play veröffentlichen. Aber auch während des Lernens können Sie Ihre Programmierexperimente für sich behalten, da Sie diese nur lokal auf Ihrem Smartphone und Computer gespeichert haben

Warnungen

  • Das Eingeben der in diesem Artikel erwähnten Befehle in die Windows-Befehlszeile funktioniert nicht. Verwenden Sie stattdessen die anderen angegebenen Methoden.
  • Installieren Sie Android Studio nur, wenn Sie eine gute Internetverbindung haben. Wenn es während des Installationsvorgangs häufig unterbrochen wird, können unerwartete Probleme auftreten.

Empfohlen: