Erste Schritte mit Android Studio

Android Studio ist eine relativ neue IDE (Integrated Development Environment), die Android-Entwicklern von Google kostenlos zur Verfügung gestellt wird. Android Studio basiert auf IntelliJ IDEA, einer IDE, die auch eine gute Android-Entwicklungsumgebung bietet. In diesem Tutorial zeige ich Ihnen, wie Sie ein neues Android-Projekt erstellen und die Funktionen von Android Studio nutzen können.

Wenn Sie gerade erst mit Android Studio beginnen, kann es sehr hilfreich sein, eine Android-App-Vorlage zu verwenden. Auf Envato Market finden Sie über tausend davon zum Verkauf:

Android App-Vorlagen zum Verkauf auf Envato Market

1. Projekteinrichtung

Bevor Sie sich mit Android Studio beschäftigen, müssen Sie es zunächst herunterladen und installieren. Beachten Sie, dass JDK 6 oder höher installiert sein muss. Wenn Sie Windows verwenden, starten Sie die .exe Datei und befolgen Sie die Schritte des Setup-Assistenten. Wenn Sie OS X ausführen, mounten Sie das Disk Image mit einem Doppelklick und ziehen Sie Android Studio auf Ihr Anwendungen Mappe.

Wenn Sie die obigen Schritte erfolgreich ausgeführt haben, sollte Ihre Entwicklungsumgebung korrekt eingerichtet sein. Sie können jetzt Ihre erste Android-Anwendung mit Android Studio erstellen. Wenn Sie Android Studio zum ersten Mal starten, sollte ein Begrüßungsbildschirm angezeigt werden, der Ihnen eine Reihe von Optionen für den Einstieg bietet.

In diesem Tutorial wählen wir das aus Neues Projekt Möglichkeit. Sie können jedoch wählen Projekt importieren Wenn Sie ein Projekt beispielsweise von Eclipse in Android Studio importieren möchten. Android Studio konvertiert das Eclipse-Projekt in ein Android Studio-Projekt und fügt die erforderlichen Konfigurationsdateien hinzu.

Wenn Sie auswählen Offenes Projekt In der Liste der Optionen können Sie Projekte öffnen, die mit Android Studio oder IntelliJ IDEA erstellt wurden. Durch Auswählen Aus der Versionskontrolle auschecken, Sie können eine Kopie eines Projekts auschecken, das der Versionskontrolle unterliegt. Dies ist eine großartige Möglichkeit, um schnell mit einem vorhandenen Projekt vertraut zu werden.

Um uns anzufangen, wählen Sie Neues Projekt aus der Liste der Optionen. Daraufhin wird eine Liste mit Optionen zum Konfigurieren Ihres neuen Projekts angezeigt. In diesem Lernprogramm erstellen wir eine einfache Anwendung, die Ihnen einige der wichtigsten Funktionen von Android Studio zeigt. Ich bin sicher, Sie stimmen zu, dass es für unser Projekt keinen besseren Namen gibt als Hallo Welt.

Wie Sie im obigen Screenshot sehen können, habe ich meine Anwendung benannt Hallo Welt und setzen Sie den Modulnamen auf Hallo Welt. Wenn Sie mit IntelliJ IDEA nicht vertraut sind, fragen Sie sich vielleicht, was ein Modul ist. Ein Modul ist eine diskrete Funktionalitätseinheit, die unabhängig kompiliert, ausgeführt, getestet und debuggt werden kann. Module enthalten Quellcode, Build-Skripts und alles andere, was für ihre jeweilige Aufgabe erforderlich ist.

Beim Erstellen eines neuen Projekts können Sie auch den Paketnamen des Projekts festlegen. Standardmäßig setzt Android Studio das letzte Element des Paketnamens des Projekts auf den Namen des Moduls. Sie können es jedoch beliebig ändern.

Die anderen Einstellungen sind der Speicherort des Projekts auf Ihrem Computer, das Mindest- und Ziel-SDK, das SDK, mit dem Ihr Projekt erstellt wird, und das Thema des Projekts. Sie können Android Studio auch anweisen, eine Aktivität Klasse und ein benutzerdefiniertes Startsymbol für Sie, und ob das Projekt GridLayout, Fragmente, eine Navigationsleiste oder eine Aktionsleiste unterstützt.

Wir erstellen für diese Anwendung kein benutzerdefiniertes Symbol. Sie können das Kontrollkästchen mit dem Häkchen deaktivieren Erstellen Sie ein benutzerdefiniertes Startsymbol. Klicken Nächster um das Projekt weiter einzurichten.

Weil wir das Kontrollkästchen aktiviert haben Aktivität erstellen Im vorherigen Schritt werden Sie aufgefordert, das zu konfigurieren Aktivität Klasse, die Android Studio für Sie erstellt.

Da fangen wir mit einem Leerzeichen an Aktivität Klasse, können Sie klicken Nächster , um mit dem nächsten Schritt des Einrichtungsprozesses fortzufahren, in dem Sie aufgefordert werden, den Namen zu nennen Aktivität Klasse, das Hauptlayout und das Fragmentlayout. Sie können auch den Navigationstyp einstellen, den wir belassen Keiner für dieses Projekt. Schauen Sie sich den nächsten Screenshot an, um zu sehen, wie Ihre Einstellungen aussehen sollen.

Nach dem Klicken Fertig, Die Benutzeroberfläche von Android Studio wird angezeigt. Links sehen Sie den Projekt-Explorer und rechts den Arbeitsbereich. Nachdem Sie Ihr Projekt in Android Studio eingerichtet haben, sollten Sie einige der wichtigsten Funktionen von Android Studio kennenlernen.


2. Virtuelle Android-Geräte

Ein virtuelles Android-Gerät oder AVD ist eine Emulatorkonfiguration, mit der Sie ein Android-Gerät modellieren können. Dadurch wird das Ausführen und Testen von Anwendungen auf einer Vielzahl von Geräten erheblich vereinfacht. Mit einem virtuellen Android-Gerät können Sie die Hardware und Software angeben Android Emulator muss nacheifern.

Die bevorzugte Methode zum Erstellen eines virtuellen Android-Geräts führt über die AVD Manager, auf das Sie in Android Studio zugreifen können, indem Sie auswählen Android> AVD Manager von dem Werkzeuge Speisekarte.

Wenn Ihre Entwicklungsumgebung ordnungsgemäß eingerichtet ist, sollte der Android Virtual Device Manager dem folgenden Screenshot ähneln.

Klicken Sie zum Erstellen einer neuen AVD auf Neu Geben Sie der AVD auf der rechten Seite einen Namen und konfigurieren Sie das virtuelle Gerät wie unten gezeigt. Klicken OK um Ihre erste AVD zu erstellen.

Um Ihre neu erstellte AVD zu verwenden, wählen Sie sie aus der Liste im AVD Manager aus und klicken Sie auf Start… zur Rechten. Wenn Ihr AVD korrekt eingerichtet ist, sollte der Android Emulator wie in der Abbildung unten gezeigt gestartet werden.

Wenn der Android-Emulator betriebsbereit ist, können Sie Ihre Anwendung durch Auswahl starten Run 'helloworld' von dem Lauf Speisekarte. So einfach ist es, eine Anwendung im Android-Emulator auszuführen.


3. Live-Layout

Mit der Live-Layout-Funktion von Android Studio können Sie eine Vorschau der Benutzeroberfläche Ihrer Anwendung anzeigen, ohne sie auf einem Gerät oder Emulator ausführen zu müssen. Die Live-Layout-Funktion ist ein leistungsstarkes Werkzeug, mit dem Sie buchstäblich Stunden sparen können. Die Anzeige der Benutzeroberfläche Ihrer Anwendung ist mit Live-Layouts wesentlich schneller.

Um mit Live-Layouts zu arbeiten, doppelklicken Sie auf XML Layoutdatei und wählen Sie die Text Registerkarte am unteren Rand des Arbeitsbereichs. Wähle aus Vorschau Registerkarte rechts im Arbeitsbereich, um eine Vorschau des aktuellen Layouts anzuzeigen. Alle Änderungen, die Sie an dem vornehmen XML Das Layout wird in der Vorschau rechts angezeigt. Werfen Sie einen Blick auf den Screenshot unten, um eine bessere Vorstellung von diesem netten Feature zu erhalten.

Es gibt eine Reihe weiterer Vorteile der Live-Layout-Funktion, die hervorgehoben werden sollten. Sie können beispielsweise eine Variation des erstellen XML Layout, an dem Sie gerade arbeiten, indem Sie im ersten Menü eine Option auswählen Vorschau Feld. Sie können beispielsweise separate Ansichten für Hoch- und Querformat erstellen, und Android Studio erstellt die erforderlichen Ordner und Dateien für Sie.

Mit dem zweiten Menü im Vorschaufenster können Sie die im Vorschaubereich angezeigte Größe des Geräts ändern. Mit dem dritten Menü können Sie die Ausrichtung des Geräts im Vorschaufenster ändern. So können Sie leicht erkennen, wie ein Layout in verschiedenen Ausrichtungen und unter Verwendung verschiedener Themen aussieht.

Das vierte Menü im Vorschaufenster ermöglicht Ihnen den einfachen Zugriff auf das Aktivität oder Fragment, in dem das Layout verwendet wird. Im Vorschaufenster können Sie auch die Sprache des Live-Layouts ändern, um die Vorschau eines Layouts in verschiedenen Sprachen zu vereinfachen. Im Menü ganz rechts können Sie die API-Version ändern.

Der Vorschaufenster enthält auch Steuerelemente zum Vergrößern des Layouts, zum Aktualisieren des Vorschaufensters oder zum Erstellen eines Screenshots.


4. Vorlagen

Android Studio bietet Entwicklern eine Reihe von Vorlagen, um die Entwicklung zu beschleunigen. Diese Vorlagen erstellen automatisch eine Aktivität und das Notwendige XML Dateien. Mit diesen Vorlagen können Sie eine grundlegende Android-Anwendung erstellen, die Sie dann auf einem Gerät oder im Emulator ausführen können.

Mit Android Studio können Sie eine Vorlage erstellen, wenn Sie eine neue erstellen Aktivität. Klicken Sie mit der rechten Maustaste auf Paketnamen Wählen Sie im Projektnavigator links Neu aus dem Menü und wählen Sie Aktivität aus der Liste der Optionen. Android Studio zeigt Ihnen dann eine Liste mit Vorlagen an, z Leere AktivitätVollbild-Aktivität, und Tabbed-Aktivität.

Sie können auch auswählen Image Asset Über das Menü wird ein Assistent gestartet, der Sie durch den Erstellungsprozess führt. Lassen Sie mich Ihnen zeigen, wie Sie ein neues erstellen Aktivität basierend auf Login-Aktivität Vorlage. Wähle aus Login-Aktivität Option aus der Liste von Aktivität Vorlagen zum Starten des Assistenten.

Wie Sie im obigen Screenshot sehen können, habe ich den Namen gegeben Aktivität LoginActivity, stellen Sie das ein Name des Layouts zu activity_login, Angenommen Aktivität ein Titel von Einloggen. Das Kontrollkästchen ist mit Fügen Sie Ihre Google+ Anmeldung hinzu ist standardmäßig aktiviert. Deaktivieren Sie es, da wir diese Funktion in unserem Beispiel nicht verwenden werden.

Sie können das optional einstellen Hierarchisches übergeordnetes Element von dem Neuen Aktivität. Dadurch können Sie zurück navigieren, wenn Sie auf die Zurück-Schaltfläche des Geräts tippen. Wir werden dieses Feld leer lassen. Nach dem Klicken Fertig, Android Studio erstellt die erforderlichen Dateien und Ordner für Sie. Wenn alles gut gegangen ist, sollten Sie ein neues sehen Aktivität und Layout in Ihrem Projekt.

Der nächste Schritt ist das Einrichten des Neuen Aktivität In der Manifest-Datei wird sie also als Hauptdatei verwendet Aktivität wenn die Anwendung gestartet wird. Wie Sie in der Manifestdatei unten sehen können, wird die LoginActivity Klasse hat einen eigenen Aktivitätsknoten.

         

Um Ihre Anwendung zu starten, starten Sie die LoginActivity Wenn Sie erstellt haben, entfernen Sie den Aktivitätsknoten für LoginActivity klassifizieren und ersetzen com.tuts.HelloWorld.MainActivity
mit com.tuts.HelloWorld.LoginAktivität. Das Ergebnis ist, dass die Anwendung jetzt die LoginActivity Klasse als Haupt Aktivität.

       

Wenn Sie Ihre Anwendung im Emulator erstellen und ausführen, sollte ein Bildschirm ähnlich dem folgenden angezeigt werden. Dies bedeutet, dass wir den Rohling erfolgreich ersetzt haben Aktivität Klasse mit dem neu erstellten LoginActivity Klasse.

5. Fusselwerkzeuge

Das Testen des Codes ist eine Sache, aber es ist ebenso wichtig, beim Schreiben von Code bewährte Methoden anzuwenden. Dies verbessert die Leistung und die allgemeine Stabilität Ihrer Anwendung. Es ist auch viel einfacher, ein richtig strukturiertes Projekt zu verwalten.

Android Studio umfasst Android Lint, ein statischer Analysator, der den Quellcode Ihres Projekts analysiert. Es kann mögliche Fehler und andere Probleme in Ihrem Code erkennen, die der Compiler möglicherweise übersieht.

Der untenstehende Screenshot zeigt beispielsweise, dass die LinearLayout in diesem Layout nützt es nichts. Das Schöne an Android Lint ist, dass es einen Grund für die Warnung oder den Fehler gibt, der es einfacher macht, das Problem zu beheben oder zu beheben.

Es empfiehlt sich, das Flusentool von Android Studio von Zeit zu Zeit auszuführen, um Ihr Projekt auf mögliche Probleme zu überprüfen. Das Flusentool informiert Sie sogar darüber, ob Sie Bilder oder Übersetzungen doppelt haben.

Um das Flusentool auszuführen, wählen Sie Code überprüfen… von dem Analysieren Menü in Android Studio, um den Vorgang zu starten. Wenn Android Studio die Inspektion Ihres Projekts abgeschlossen hat, werden die Ergebnisse unten im Fenster angezeigt. Beachten Sie, dass zusätzlich zu Android Lint, Android Studio führt auch eine Reihe anderer Prüfungen durch. Doppelklicken Sie einfach auf ein Problem, um zu der Datei zu navigieren, in der sich das Problem befindet.

6. Rich Layout Editor

Android Studio verfügt über einen umfangreichen Layout-Editor, in den Sie Komponenten der Benutzeroberfläche ziehen und ablegen können. Sie können Layouts auch auf mehreren Bildschirmkonfigurationen in der Vorschau anzeigen, wie wir es zuvor in diesem Lernprogramm gesehen haben.

Der umfangreiche Layout-Editor ist sehr einfach zu verwenden. Wir brauchen zuerst ein Layout, um damit arbeiten zu können. Navigieren Sie zu Layout Ordner in Ihrem Projekt res Klicken Sie mit der rechten Maustaste auf den Ordner Layout Ordner und wählen Sie Neu > Layout-Ressourcendatei aus dem erscheinenden Menü.

Geben Sie dem neuen Layout einen Namen, legen Sie das Stammelement fest und klicken Sie auf OK. Android Studio öffnet das Layout automatisch im Editor auf der rechten Seite.

Am unteren Rand des Editors sollten Sie zwei Registerkarten sehen, Design und Text. Klicken Sie auf die Text Auf der Registerkarte wird der Editor angezeigt, in dem Sie Änderungen an dem aktuell ausgewählten Layout vornehmen können.

Klicken Sie auf die Design Auf der Registerkarte wird ein weiterer Editor angezeigt, der eine Vorschau des Layouts anzeigt. Um ein Widget zum Layout hinzuzufügen, ziehen Sie es aus der Liste der Widgets links in das Layout rechts. So einfach ist das.

Fazit

In diesem Lernprogramm haben wir einen kurzen Überblick über einige der wichtigsten Funktionen von Android Studio gegeben. Es ist IntelliJ IDEA sehr ähnlich, enthält jedoch eine Reihe wichtiger Verbesserungen, die die Android-Entwicklung einfacher, schneller und angenehmer machen.

Wenn Sie die Sache noch beschleunigen möchten, versuchen Sie es mit einer Android-App-Vorlage von Envato Market oder mit einem freiberuflichen Android-Entwickler in Envato Studio.