Android Kotlin Fundamentals 01.4: So kannst du dir selbst helfen

Dieses Codelab ist Teil des Android Kotlin Fundamentals-Kurss. Sie profitieren von diesem Kurs, wenn Sie nacheinander die Codelabs durcharbeiten. Alle Kurs-Codelabs finden Sie auf der Landingpage für Kotlin-Grundlagen für Android-Entwickler.

Einführung

In diesem Codelab lernen Sie Ressourcen kennen, die für Kotlin-Android-Entwickler hilfreich sind. Dazu gehören Vorlagen, Dokumentationen, Videos und Beispiel-Apps.

Was Sie bereits wissen sollten

  • Der grundlegende Workflow von Android Studio.
  • Der Layout-Editor in Android Studio

Lerninhalte

  • Hier findest du Informationen und Ressourcen zu Kotlin und Android-Entwicklern.
  • Launcher-Symbol in einer App ändern.
  • Hilfe beim Erstellen von Android-Apps mit Kotlin

Aufgaben

  • Sehen Sie sich einige der Ressourcen an, die Kotlin-Android-Entwicklern aller Ebenen zur Verfügung stehen.
  • Laden Sie die Kotlin-Android-Beispiel-App herunter und entdecken Sie sie.
  • Launcher-Symbol einer App ändern.

In diesem Codelab lernen Sie Vorlagen, Beispiele, Dokumentationen und andere Ressourcen kennen, die für Android-Entwickler von Kotlin verfügbar sind.

Zuerst erstellen Sie eine einfache App aus einer Android Studio-Vorlage und ändern die App. Anschließend laden Sie die Android-App „Sunflower“ herunter und sehen sich das Beispiel-Launcher-Symbol (Sonnenblume) durch ein Clip-Art-Bild-Asset an, das in Android Studio verfügbar ist (ein Smiley).

In Android Studio gibt es Vorlagen für gängige und empfohlene Designs für Apps und Aktivitäten. Mit den integrierten Vorlagen sparen Sie Zeit und können Best Practices für das Design einhalten.

Jede Vorlage enthält eine Skelettaktivität und eine Benutzeroberfläche. Sie haben die Vorlage „Leere Aktivität“ in diesem Kurs bereits verwendet. Die Vorlage „Grundlegende Aktivität“ bietet weitere Funktionen und enthält empfohlene App-Funktionen, z. B. das Optionsmenü, das auf Android-Geräten in der App-Leiste angezeigt wird.

Schritt 1: Grundlegende Aktivitätsarchitektur kennenlernen

  1. Erstellen Sie in Android Studio ein Projekt.
  2. Wählen Sie im Dialogfeld Choose your project die Option „Basic Activity“ aus. Klicken Sie dann auf Next.
  3. Geben Sie im Dialogfeld Projekt konfigurieren einen Namen für die App ein. Wählen Sie für die Sprache Kotlin aus und klicken Sie das Kästchen AndroidX-Artefakte verwenden an. Klicken Sie auf Fertig.
  4. Erstelle die App und führe sie auf einem Emulator oder Android-Gerät aus.
  5. Bestimmen Sie die gekennzeichneten Teile in der Abbildung und der Tabelle unten. Suchen Sie die entsprechenden Geräte auf Ihrem Gerät oder dem Emulator-Bildschirm. Prüfen Sie die entsprechenden Kotlin-Codes und XML-Dateien, die in der Tabelle beschrieben sind.

Wenn Sie mit dem Kotlin-Quellcode und den XML-Dateien vertraut sind, können Sie die Vorlage „Grundlegende Aktivität“ erweitern und an Ihre Anforderungen anpassen.

Architektur der Vorlage für die Basisaktivität

#

Beschreibung der Benutzeroberfläche

Code-Referenz

1

Statusleiste, die vom Android-System bereitgestellt und verwaltet wird

Nicht im Vorlagencode sichtbar, Sie können aber über Ihre Aktivität auf die Statusleiste zugreifen. Bei Bedarf können Sie auch Code in MainActivity.kt einfügen, um die Statusleiste auszublenden.

2

Die App-Leiste (auch Aktionsleiste genannt) bietet visuelle Struktur, standardisierte visuelle Elemente und Navigation.

Suche in activity_main.xml die Symbolleiste.

im Element AppBarLayout. Aus Gründen der Abwärtskompatibilität betten die AppBarLayout in der Vorlage eine Toolbar ein, die dieselbe Funktionalität wie eine ActionBar hat.

Ändern Sie die Darstellung der App-Leiste, indem Sie die Attribute der Symbolleiste ändern. Anleitungen für App-Leisten finden Sie unter App-Leiste hinzufügen.

3

Der Name der App wird anfangs aus Ihrem Paketnamen abgeleitet, Sie können ihn aber beliebig ändern.

Suchen Sie in AndroidManifest.xml nach

android:label="@string/app_name"

Geben Sie den app_name-String in strings.xml an.

4

Die Dreipunkt-Schaltfläche im Optionsmenü enthält die Menüelemente für die Aktivität. Die Schaltfläche "Überlauf" enthält auch globale Menüoptionen wie die Suche und Einstellungen für die App. Wählen Sie die Menüelemente Ihrer App aus, die in dieses Menü aufgenommen werden.

In MainActivity.kt wird der

Mit der onOptionsItemSelected()-Methode wird implementiert, was passiert, wenn der Nutzer einen Menüpunkt auswählt.

Öffnen Sie das res/menu/menu_main.xml, um die Optionsmenü-Optionen zu sehen

file. In dieser Vorlage ist nur der Menüpunkt Einstellungen angegeben.

5

Das CoordinatorLayout ViewGroup ist ein Layout, das Mechanismen zur Interaktion mit UI-Elementen bietet. Die Benutzeroberfläche deiner App befindet sich in der Datei content_main.xml, die in dieser ViewGroup enthalten ist.

Suchen Sie in activity_main.xml nach der Anweisung include layout. In diesem Layout werden keine Ansichten angegeben. Stattdessen enthält das Layout das Layout content_main, in dem die Ansichten der App angegeben sind. Systemansichten werden getrennt von den Ansichten deiner App gespeichert.

6

In der Vorlage wird eine TextView verwendet, um Hello World anzuzeigen. Du musst dieses Element TextViewdurch die Elemente deiner App ersetzen.

Die Textansicht „Hello World“ befindet sich in der Datei „content_main.xml“. In dieser Datei sollten alle UI-Elemente Ihrer App definiert sein.

7

Unverankerte Aktionsschaltfläche (FAB)

Suchen Sie in activity_main.xml nach dem Element FloatingActionButton. Die UAS ist ein UI-Element mit einem Clipart-Symbol. MainActivity.kt enthält einen Stub in onCreate(), der einen onClick()-Listener für die UFA festlegt.

Schritt 2: Durch die Vorlage erstellte App anpassen

Aussehen der App ändern, die mit der Vorlage „Grundlegende Aktivität“ erstellt wurde So lässt sich beispielsweise die Farbe der App-Leiste an die Statusleiste anpassen. Auf einigen Geräten ist die Statusleiste ein dunklerer Farbton derselben primären Farbe, die die App-Leiste verwendet.

  1. Sie können den Namen der App ändern, die in der App-Leiste angezeigt wird. Ändern Sie dazu die String-Ressource app_name in der Datei res > value > string.xml in Folgendes: 
<string name="app_name">New Application</string>
  1. Ändern Sie die Farbe der App-Leiste (Toolbar) im Feld res > Layout > activity_main.xml, indem Sie das Attribut android:background in "?attr/colorPrimaryDark" ändern. Durch diesen Wert wird die Farbe der App-Leiste auf eine dunklere Hauptfarbe gesetzt, die der Statusleiste entspricht:
android:background="?attr/colorPrimaryDark"
  1. Führen Sie die App aus. Der neue Name der App wird in der Statusleiste angezeigt und die Hintergrundfarbe der App-Leiste ist dunkler und entspricht der Farbe der Statusleiste. Wenn du auf die Umsatzbeteiligung klickst, wird im Screenshot unten eine Snackbar mit 1 angezeigt.
  2. ändern Sie den Text für die Snackbar. Öffnen Sie dazu MainActivity und suchen Sie im onCreate() nach dem Stub-Code, der einen onClick()-Listener für die Schaltfläche festlegt. Ändern Sie "Replace with your own action" in etwas anderes. Beispiel:
fab.setOnClickListener { view ->
   Snackbar.make(view, "This FAB needs an action!", Snackbar.LENGTH_LONG)
       .setAction("Action", null).show()
}
  1. Die UAS verwendet die Akzentfarbe der App. Eine Möglichkeit, die Farbe des UAS zu ändern, ist also, die Akzentfarbe zu ändern. Zum Ändern der Akzentfarbe öffnen Sie die Datei res > value > color.xml und ändern Sie wie unten gezeigt das colorAccent-Attribut. Informationen zur Auswahl von Farben finden Sie im Material Design-Farbsystem.
<color name="colorAccent">#1DE9B6</color>
  1. App ausführen. Die UAS verwendet die neue Farbe und die Snackbar ändert sich.

Schritt 3: Aktivitäten mithilfe von Vorlagen hinzufügen

Für die Codelabs in diesem Kurs haben Sie bisher die Felder „Leere Aktivität“ und „Grundlegende Aktivitäten“ verwendet, um neue Projekte zu erstellen. Sie können Aktivitätsvorlagen auch verwenden, wenn Sie Aktivitäten nach dem Erstellen Ihres Projekts erstellen.

  1. Erstellen Sie ein App-Projekt oder wählen Sie ein vorhandenes aus.
  2. Klicken Sie im Bereich Projekt &Android mit der rechten Maustaste auf den Ordner java.
  3. Wählen Sie Neu & Aktivität; Aktivität aus.
  4. Sie können der App eine Aktivität hinzufügen, indem Sie eine der Activity-Vorlagen auswählen. Wählen Sie beispielsweise Navigationsleiste, um eine Activity mit Navigationsleiste hinzuzufügen.
  5. Wenn Sie die Aktivität im Layouteditor ansehen möchten, klicken Sie doppelt auf die Layoutdatei der Aktivität (z. B. activity_main2.xml). Mit den Tabs Design und Text können Sie zwischen der Layoutvorschau und dem Layoutcode der Aktivität wechseln.

Die Google-Beispiel-Repositories auf GitHub bieten Codebeispiele für Kotlin, die Sie studieren, kopieren und in Ihre Projekte einbinden können.

Schritt 1: Kotlin-Android-Codebeispiel herunterladen und ausführen

  1. Rufen Sie in einem Browser github.com/googlesamples auf.
  2. Wählen Sie unter Sprache die Option Kotlin aus.
  3. Wählen Sie eine Kotlin-Android-Beispiel-App aus, die vor Kurzem geändert wurde, und laden Sie den Projektcode der App herunter. Laden Sie für dieses Beispiel die ZIP-Datei für die android-sunflower-App herunter, in der einige Komponenten von Android Jetpack veranschaulicht werden.
  4. Öffnen Sie das Projekt „android-sunflower-master“ in Android Studio.
  5. Nimm die von Android Studio empfohlenen Updates an und führe die App dann auf einem Emulator oder Android-Gerät aus.

Schritt 2: Kotlin-Android-Codebeispiel ansehen

Nachdem Sie die Android Sunflower-Beispiel-App in Android Studio geöffnet haben, können Sie sich über die App informieren und sich ihre Projektdateien ansehen.

  1. Weitere Informationen dazu finden Sie in der README-Datei der App auf GitHub. Ein Beispiel finden Sie in der Android Sunflower-README-Datei.
  2. Öffnen Sie in Android Studio eine der Kotlin-Aktivitätsdateien in der App, z. B. GardenActivity.kt.
  3. Suchen Sie in GardenActivity.kt nach einer Klasse, einem Typ oder einer Methode, mit der Sie nicht vertraut sind, und suchen Sie sie in der Dokumentation für Android-Entwickler. Wenn Sie zum Beispiel mehr über die Methode setContentView() erfahren möchten, suchen Sie auf developers.android.com nach setContentView().

Schritt 3: Launcher-Symbol ändern

In diesem Schritt ändern Sie das Launcher-Symbol für die Android-App „Sunflower“. Sie fügen ein Clipart-Bild hinzu und ersetzen damit das aktuelle Android Sunflower-Symbol.

Launcher-Symbole

Alle Apps, die Sie mit Android Studio erstellen, enthalten ein Standard-Launcher-Symbol. Launcher-Symbole werden manchmal als App-Symbole oder Produktsymbole bezeichnet.

Wenn Sie eine App bei Google Play veröffentlichen, wird das Launcher-Symbol der App im Store-Eintrag und in den Suchergebnissen im Google Play Store angezeigt.

Nachdem eine App auf einem Android-Gerät installiert wurde, erscheint das Launcher-Symbol der App auf dem Startbildschirm des Geräts und an anderen Stellen auf dem Gerät. Beispielsweise wird das Launcher-Symbol von Android Sunflower im Fenster Search Apps (Geräte-App) des Geräts als 1 im Screenshot unten angezeigt. Das Standardsymbol für den Launcher (siehe unten) wird zunächst für alle App-Projekte verwendet, die Sie in Android Studio erstellen.

Launcher-Symbol ändern

Wenn du das Launcher-Symbol änderst, werden dir die Funktionen für Bild-Assets in Android Studio vorgestellt.

So ändern Sie in Android Studio das Launcher-Symbol von Android Sunflower:

  1. Klicken Sie im Bereich Projekt &Android mit der rechten Maustaste (oder per Strg + Klick) auf den Ordner res. Wählen Sie Neues > Bild-Asset aus. Das Dialogfeld Bild-Asset konfigurieren wird angezeigt.

Klicken Sie auf den Tab „Ebene im Vordergrund“ für das Launcher-Symbol.

  1. Wählen Sie im Feld Symboltyp die Option Launcher-Symbole (Adaptive & AMP; alte) aus, falls diese noch nicht ausgewählt ist. Klicken Sie auf den Tab Vordergrundebene.
  2. Wähle als Asset-Typ die Option Clipart aus. Im Screenshot unten wird sie als „1“ angezeigt.

  3. Klicken Sie im Feld Clip Art auf das Robot-Symbol (siehe Screenshot oben). Das Dialogfeld Symbol auswählen wird angezeigt, in dem das Material Design-Symbolsatz angezeigt wird.
  4. Suchen Sie im Dialogfeld Symbol auswählen oder suchen Sie anhand des Namens nach einem Symbol. Wählen Sie ein Symbol aus, zum Beispiel das Symbol Stimmung, um eine gute Stimmung vorzuschlagen. Klicken Sie auf OK.

  1. Klicken Sie im Dialogfeld Bild-Asset konfigurieren auf den Tab Hintergrundebene. Wählen Sie als Asset-Typ die Option Farbe aus. Klicken Sie auf den Farbchip und wählen Sie eine Farbe aus, die als Hintergrundebene für das Symbol verwendet werden soll.
  2. Klicken Sie auf den Tab Alt und überprüfen Sie die Standardeinstellungen. Bestätigen Sie, dass Sie alte, runde und Google Play Store-Symbole generieren möchten. Klicken Sie auf Next.
  3. Das Dialogfeld Symbolpfad bestätigen wird angezeigt. Dort sehen Sie, wo Symboldateien hinzugefügt und überschrieben werden. Klicken Sie auf Fertig.
  4. Führen Sie die App auf einem AVD-Emulator oder Android-Gerät aus.

In Android Studio werden die Launcher-Bilder automatisch für die verschiedenen Bildschirmdichten in die mipmap-Verzeichnisse aufgenommen. Die Android Sunflower App verwendet jetzt das neue Clipart-Symbol als Startsymbol.

  1. Führen Sie die App noch einmal aus. Vergewissere dich, dass das neue Launcher-Symbol auf dem Bildschirm „Such-Apps“ erscheint.

Schritt 1: Offizielle Android-Dokumentation ansehen

Entdecken Sie einige der nützlichsten Android-Dokumentationswebsites und machen Sie sich mit den verfügbaren Funktionen vertraut:

  1. Rufen Sie developer.android.com auf. Die offizielle Dokumentation für Android-Entwickler wird von Google immer auf dem neuesten Stand gehalten.
  2. Rufen Sie developer.android.com/design/ auf. Diese Website enthält Richtlinien zum Design und Design hochwertiger Android-Apps.
  3. Rufen Sie material.io auf, eine Website zu Material Design. Design Design ist eine konzeptionelle Designphilosophie, die vorgibt, wie alle Apps, nicht nur Android-Apps, auf Mobilgeräten aussehen und funktionieren sollen. Klicken Sie auf die Links, um mehr über Material Design zu erfahren. Wenn Sie beispielsweise mehr über die Verwendung von Farben erfahren möchten, klicken Sie auf den Tab Design und wählen Sie dann Farbe aus.
  4. Rufen Sie developer.android.com/docs/ auf, um API-Informationen, Referenzdokumentationen, Anleitungen, Toolleitfäden und Codebeispiele zu erhalten.
  5. Rufen Sie developer.android.com/distribute/ auf, um Informationen zum Veröffentlichen einer App bei Google Play zu erhalten. Google Play ist das digitale Vertriebssystem von Google für Apps, die mit dem Android SDK entwickelt wurden. Verwende die Google Play Console, um mehr Nutzer zu gewinnen und Einnahmen zu erzielen.

Schritt 2: Inhalte des Android-Teams und der Google Suche entdecken

  1. Entdecken Sie den YouTube-Kanal für Android-Entwickler, der eine tolle Quelle für Tutorials und Tipps ist.
  2. Besuchen Sie den offiziellen Android-Blog. Dort veröffentlicht das Android-Team Nachrichten und Tipps.
  3. Geben Sie eine Frage in die Google Suche ein. Die Google-Suchmaschine erfasst dann relevante Ergebnisse aus verschiedenen Ressourcen. Sie können zum Beispiel die Google Suche nutzen, um die Frage zu stellen: Was ist die beliebteste Android-Version in Indien?quot; Du kannst auch Fehlermeldungen in die Google Suche eingeben.

Schritt 3: Auf Stack Overflow suchen

Stack Overflow ist eine Community von Programmierern, die sich gegenseitig unterstützen. Wenn ein Problem auftritt, ist die Wahrscheinlichkeit hoch, dass jemand bereits eine Antwort gepostet hat.

  1. Weitere Informationen finden Sie bei Stack Overflow.
  2. Geben Sie in das Suchfeld eine Frage ein, z. B. „Wie richte ich ADB über WLAN ein und verwende es?“. Sie können auf Stack Overflow suchen, ohne sich anzumelden. Wenn Sie jedoch eine neue Frage posten oder eine Frage beantworten möchten, müssen Sie sich anmelden.
  3. Geben Sie [android] in das Suchfeld ein. Die Klammern in [] geben an, dass Sie nach Beiträgen suchen möchten, die mit dem Tag „Android“ versehen sind.
  4. Sie können Tags und Suchbegriffe kombinieren, um Ihre Suche genauer zu machen. Führen Sie folgende Suchanfragen durch:
  • [android] and [layout]
  • [android] "hello world"

Schritt 4: Offline-Dokumentation mit dem SDK-Manager installieren

Wenn Sie Android Studio installieren, werden die wichtigsten Komponenten des Android SDK entsprechend installiert. Verwende andere SDKs, um andere verfügbare Bibliotheken und Dokumentationen zu installieren.

So rufen Sie den SDK-Manager auf und laden die SDK-Dokumentation herunter:

  1. Wähle in Android Studio Tools > SDK-Manager aus. Der SDK-Manager wird geöffnet.
  2. Wähle in der linken Spalte des SDK Managers Android SDK aus(1 im Screenshot unten).
  3. Beachten Sie den Pfad im Feld Android SDK Location (Standort für Android SDK), der Screenshot unten. So können Sie später nach allen Installationen suchen.
  4. Klicke im SDK-Manager auf den Tab SDK-Plattformen. Von hier aus können Sie weitere Versionen des Android-Systems installieren.
  5. Klicke auf den Tab SDK Tools. Hier können Sie SDK-Entwicklertools installieren, die nicht standardmäßig installiert sind. Sie können auch eine Offlineversion der Dokumentation für Android-Entwickler installieren.
  6. Klicke auf den Tab SDK Update Sites. Android Studio überprüft die aufgeführten und ausgewählten Websites regelmäßig auf Updates.
  7. Kehren Sie zum Tab SDK Tools zurück und klicken Sie das Kästchen Dokumentation für das Android SDK an, falls es nicht bereits ausgewählt ist. Klicken Sie auf Übernehmen.

    Daraufhin wird ein Bestätigungsfenster angezeigt, in dem Sie sehen, wie viel Speicherplatz der Download erfordert. Klicken Sie auf OK.
  8. Wenn die Installation abgeschlossen ist, klicken Sie auf Fertigstellen.

So finden Sie die installierte Dokumentation:

  1. Gehen Sie auf dem Computer zum Verzeichnis Android/sdk/. Den Pfad zum Verzeichnis finden Sie im Feld Location SDK für Android (siehe Screenshot oben).
  2. Öffne das Verzeichnis docs/.
  3. Suchen Sie die Datei index.html und öffnen Sie sie in einem Browser.
  • Die offizielle Android-Entwicklerdokumentation finden Sie unter developer.android.com.
  • Material Design ist eine konzeptionelle Designphilosophie, die beschreibt, wie Apps auf Mobilgeräten aussehen und funktionieren sollen. Material Design ist nicht nur für Android-Apps geeignet. Die Material Design-Richtlinien finden Sie unter material.io.
  • In Android Studio gibt es Vorlagen für gängige und empfohlene Designs für Apps und Aktivitäten. In diesen Vorlagen gibt es einen funktionierenden Code für gängige Anwendungsfälle.
  • Wenn Sie ein Projekt erstellen, können Sie eine Vorlage für Ihre erste Aktivität auswählen.
  • Während Sie Ihre App entwickeln, können Sie Aktivitäten und andere App-Komponenten über integrierte Vorlagen erstellen.
  • Google-Beispiele enthält Codebeispiele, die Sie untersuchen, kopieren und in Ihre Projekte einbinden können.

Udacity-Kurs:

Android Studio-Dokumentation:

Android-Entwicklerdokumentation:

Codebeispiele:

Videos:

Weitere Informationen:

Mit der nächsten Lektion beginnen: 2.1: Lineares Layout mit dem Layout-Editor

Links zu anderen Codelabs in diesem Kurs finden Sie auf der Landingpage zu Kotlin-Grundlagen für Android.