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 eingeben können, die durch Eingabe der entsprechenden Vorlagenabkürzung schnell eingefügt werden:

  • 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 Gutter-Symbole speziell für Jetpack Compose, die die Entwicklung erleichtern.

Bereitstellungsvorschau

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 einer Vorschaufunktion 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 in der Spalte, wodurch eine Farbauswahl geöffnet wird.

Bildressourcen-Picker

Wenn ein Drawable, ein Vektor oder ein Bild innerhalb oder außerhalb eines Composables definiert ist, wird die 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
Lint