Tools zum Schreiben

Android Studio bietet viele neue Funktionen speziell für Jetpack Compose. Sie verfolgt einen codeorientierten Ansatz und steigert gleichzeitig die Produktivität der Entwickelnden, ohne zwischen der Designoberfläche oder dem Code-Editor wählen zu müssen.

Ein grundlegender Unterschied zwischen der ansichtsbasierten Benutzeroberfläche und Jetpack Compose besteht darin, dass Compose zum Rendern der zusammensetzbaren Funktionen nicht auf View angewiesen ist. Aufgrund dieses Architekturansatzes bietet Android Studio erweiterte Funktionen für Jetpack Compose, ohne dass ein Emulator geöffnet oder eine Verbindung zu einem Gerät hergestellt werden muss. Im Vergleich zu Android Views ermöglicht dies Entwicklern einen schnelleren, iterativen Prozess zur Implementierung ihrer UI-Designs.

Wenn Sie Android Studio-spezifische Funktionen für Jetpack Compose aktivieren möchten, müssen Sie diese Abhängigkeiten der build.gradle(.kts)-Datei Ihrer Anwendung hinzufügen. Sie können entweder die Bill of Materials (BOM) verwenden oder Abhängigkeiten einzeln definieren.

Materialliste

  val composeBom = platform("androidx.compose:compose-bom:2024.06.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Einzeln

  debugImplementation("androidx.compose.ui:ui-tooling:1.6.8")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")

Design

Erstellen von Komponenten, Designsystemen und Bildschirmen, die mit den Designspezifikationen übereinstimmen.
PreviewParameter Mehrfachvorschau
Mit der Annotation @Preview können Sie eine Vorschau Ihrer zusammensetzbaren Funktionen aufrufen. Hier erfahren Sie, wie Sie eine Vorschau anzeigen lassen, sie organisieren und mit ihnen interagieren.
Weitere Informationen
Animationsvorschau
In Android Studio können Sie im Bereich „Animation Preview“ (Animationsvorschau) Animationen entwerfen und prüfen. Damit können Sie eine Animation Frame für Frame in der Vorschau ansehen und sicherstellen, dass sie dem erforderlichen Verhalten entspricht.
Weitere Informationen

Ideen umsetzen

Beschleunigen Sie das Erstellen der Benutzeroberfläche und das Testen der laufenden Anwendung mit weniger Kontextwechsel.
Live-Bearbeitung
Hier erfährst du, wie du mit Live Edit und Anwenden von Änderungen einen vollständigen Build vermeiden und deinen Entwicklungsprozess beschleunigen kannst.
Weitere Informationen
Live-Vorlagen Dachrinnensymbole
Hier erfahren Sie, wie Sie Funktionen im Bearbeitungsfenster von Android Studio verwenden, um produktiver zu sein.
Weitere Informationen

Debuggen

Sie können Fehler in der Benutzeroberfläche zum Schreiben beheben, um Ihre App besser zu verstehen. Erfahren Sie mehr über das Analysieren von Layout, Neuzusammensetzungen und das Nachzeichnen von Kompositionen, um die Leistung der Benutzeroberfläche Ihrer App zu verbessern.
Anzahl der Neuzusammensetzung Semantik
Hier erfahren Sie, wie Sie das Layout „Compose“ in einem Emulator oder auf einem physischen Gerät prüfen.
Weitere Informationen
Ablaufverfolgung
Mit dem Kompositions-Tracing können Sie Ihre zusammensetzbaren Funktionen in einem System-Trace verfolgen.
Weitere Informationen

Weitere Tools

Relay ermöglicht die sofortige Übergabe von Android-UI-Komponenten zwischen Designern und Entwicklern. Designer können das Relay for Figma-Plug-in verwenden, um UI-Komponenten für die Verwendung mit Anmerkungen zu versehen und zu verpacken, einschließlich Informationen zu Layout, Stilen, dynamischen Inhalten und Interaktionsverhalten.
Weitere Informationen

Aktuelle Nachrichten und Videos