Tools zum Schreiben

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

Ein wesentlicher Unterschied zwischen der anzeigenbasierten Benutzeroberfläche und Jetpack Compose besteht darin, dass Compose seine zusammensetzbaren Funktionen nicht View rendert. Infolge 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, ihre UI-Designs schneller und iterativ zu implementieren.

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

Stückliste

  val composeBom = platform("androidx.compose:compose-bom:2024.04.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.1")
  implementation("androidx.compose.ui:ui-tooling-preview:1.6.1")

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

Entwickeln

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