Schnelleinstieg

Für die Entwicklung mit Compose empfehlen wir, Android Studio herunterzuladen und zu installieren. Es enthält viele intelligente Editorfunktionen, z. B. neue Projektvorlagen und die Möglichkeit, eine sofortige Vorschau der Compose-UI und -Animationen zu sehen.

Android Studio herunterladen

Folgen Sie dieser Anleitung, um ein neues Compose-Anwendungsprojekt zu erstellen, Compose für ein vorhandenes Anwendungsprojekt einzurichten oder eine in Compose geschriebene Beispiel-App zu importieren.

Neue App mit Unterstützung für Compose erstellen

Wenn Sie ein neues Projekt starten möchten, das standardmäßig Unterstützung für Compose bietet, finden Sie in Android Studio verschiedene Projektvorlagen, die Ihnen den Einstieg erleichtern. So erstellen Sie ein neues Projekt, in dem Compose korrekt eingerichtet ist:

  1. Wenn Sie sich im Fenster Welcome to Android Studio befinden, klicken Sie auf Start a new Android Studio project. Wenn Sie bereits ein Android Studio-Projekt geöffnet haben, wählen Sie in der Menüleiste Datei > Neu > Neues Projekt aus.
  2. Wählen Sie im Fenster Select a Project Template (Projektvorlage auswählen) die Option Empty Activity (Leere Aktivität) aus und klicken Sie auf Next (Weiter).
  3. Führen Sie im Fenster Projekt konfigurieren die folgenden Schritte aus:
    1. Legen Sie den Namen, den Paketnamen und den Speicherort wie gewohnt fest. Im Drop-down-Menü Language (Sprache) ist Kotlin die einzige verfügbare Option, da Jetpack Compose nur mit in Kotlin geschriebenen Klassen funktioniert.
    2. Wählen Sie im Drop-down-Menü Minimum API level (Minimales API-Level) das API-Level 21 oder höher aus.
  4. Klicken Sie auf Fertig.

Jetzt können Sie mit der Entwicklung einer App mit Jetpack Compose beginnen. Wenn Sie mit dem Toolkit beginnen und mehr über die Möglichkeiten erfahren möchten, probieren Sie die Jetpack Compose-Anleitung aus.

Compose-Abhängigkeiten und Compiler einrichten

Weitere Informationen finden Sie unter Compose-Abhängigkeiten und Compiler einrichten.

Jetpack Compose-Beispiel-Apps ausprobieren

Die schnellste Möglichkeit, die Funktionen von Jetpack Compose auszuprobieren, sind die Jetpack Compose-Beispiel-Apps, die auf GitHub gehostet werden. So importieren Sie ein Beispiel-App-Projekt aus Android Studio:

  1. Wenn Sie sich im Fenster Welcome to Android Studio befinden, wählen Sie Import an Android Codebeispiel aus. Wenn Sie bereits ein Android Studio-Projekt geöffnet haben, wählen Sie in der Menüleiste File > New > Import Sample aus.
  2. Geben Sie in der Suchleiste oben im Assistenten Beispiele durchsuchen „compose“ ein.
  3. Wählen Sie eine der Jetpack Compose-Beispiel-Apps aus den Suchergebnissen aus und klicken Sie auf Weiter.
  4. Ändern Sie entweder den Anwendungsnamen und den Projektspeicherort oder behalten Sie die Standardwerte bei.
  5. Klicken Sie auf Fertig.

Android Studio lädt die Beispiel-App in den von Ihnen angegebenen Pfad herunter und öffnet das Projekt. Sie können dann MainActivity.kt in jedem der Beispiele prüfen, um Jetpack Compose APIs wie Überblendungsanimationen, benutzerdefinierte Komponenten, die Verwendung von Typografie und die Anzeige von hellen und dunklen Farben in der IDE-Vorschau zu sehen.

Informationen zur Verwendung von Jetpack Compose für Wear OS finden Sie unter Jetpack Compose auf Wear OS einrichten.