Editor-Aktionen

Android Studio bietet im Editorbereich Funktionen, mit denen Sie Ihre Produktivität mit Jetpack Compose steigern können.

Live-Vorlagen

Android Studio enthält die folgenden Compose-bezogenen Live-Vorlagen, mit denen Sie Code-Snippets schnell einfügen können, indem Sie die entsprechende Vorlagenabkürzung eingeben:

  • comp zum Einrichten einer @Composable-Funktion
  • prev zum Erstellen einer zusammensetzbaren @Preview-Funktion
  • paddp zum Hinzufügen eines padding-Modifikators in dp
  • weight zum Hinzufügen eines weight-Modifikators
  • W, WR, WC zum Umgeben der aktuellen zusammensetzbaren Funktion mit einem Box, Row, oder ColumnContainer

Gutter-Symbole

Gutter-Symbole sind kontextbezogene Aktionen, die in der Seitenleiste neben den Zeilennummern angezeigt werden. Android Studio führt mehrere Gutter-Symbole speziell für Jetpack Compose ein, um die Entwicklung zu erleichtern.

Bereitstellungsvorschau

Sie können eine @Preview direkt über das Gutter-Symbol auf dem Emulator oder einem physischen Gerät bereitstellen:

Der Nutzer klickt auf das Bereitstellungssymbol für die Vorschaufunktion in der Randspalte und stellt die Vorschau auf dem Gerät bereit.

Farbauswahl

Wenn eine Farbe innerhalb oder außerhalb einer zusammensetzbaren Funktion definiert ist, wird ihre Vorschau im Gutter angezeigt. Sie können die Farbe über die Farbauswahl ändern, indem Sie darauf klicken:

Der Nutzer klickt auf eine Farbe im Randbereich, wodurch eine Farbauswahl geöffnet wird.

Auswahl für Bildressourcen

Wenn ein Drawable, ein Vektor oder ein Bild innerhalb oder außerhalb einer zusammensetzbaren Funktion definiert ist, wird seine Vorschau im Gutter angezeigt. Sie können es über die Auswahl für Bildressourcen ändern, indem Sie darauf klicken:

Der Nutzer klickt auf ein Symbol im Randbereich, um die Ressourcenauswahl aufzurufen.

Zurück
Code iterativ entwickeln
Weiter
Lint