Editor-Aktionen

Android Studio bietet Funktionen im Editorbereich, 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, um eine @Composable-Funktion einzurichten
  • prev, um eine @Preview-komponierbare Funktion zu erstellen
  • paddp, um einen padding-Modifikator in dp hinzuzufügen
  • weight, um einen weight-Modifikator hinzuzufügen
  • W, WR, WC, um das aktuelle Composable mit einem Box-, Row- oder Column-Container zu umschließen

Bundstegsymbole

Gutter-Symbole sind kontextbezogene Aktionen, die in der Seitenleiste neben den Zeilennummern angezeigt werden. In Android Studio gibt es mehrere spezifische Gutter-Symbole für Jetpack Compose, die die Entwicklung erleichtern.

Vorschau bereitstellen

Sie können eine @Preview direkt über das Gutter-Symbol auf dem Emulator oder dem 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 Composable-Funktion definiert wird, wird ihre Vorschau in der Spalte angezeigt. Sie können die Farbe über die Farbauswahl ändern. Klicken Sie dazu so darauf:

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

Bildressourcen-Picker

Wenn ein Drawable, Vektor oder Bild innerhalb oder außerhalb eines Composables definiert ist, wird seine Vorschau in der Gutter angezeigt. Sie können es über die Bildressourcenauswahl ändern, indem Sie darauf klicken:

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

Zurück
Code iterativ entwickeln
Weiter
Übersicht