Editor-Aktionen

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

Vorlagen für Live-Videos

Android Studio enthält die folgenden Compose-spezifischen Live-Vorlagen, mit denen Sie Code-Snippets eingeben können, die dann schnell eingefügt werden, indem Sie die entsprechende Vorlagenkürzel 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 Composed-Element in einen Box-, Row- oder Column-Container zu setzen

Dachrinnensymbole

Rändersymbole sind kontextabhängige Aktionen, die in der Seitenleiste neben den Zeilennummern angezeigt werden. In Android Studio gibt es jetzt mehrere spezielle Rändersymbole für Jetpack Compose, die die Entwicklung erleichtern.

Vorschau bereitstellen

Sie können eine @Preview direkt über das Symbol für den Streifen auf dem Emulator oder dem physischen Gerät bereitstellen:

Der Nutzer klickt auf das Symbol für die Bereitstellungsabstand einer Vorschaufunktion und stellt die Vorschau auf dem Gerät bereit.

Farbauswahl

Sobald eine Farbe innerhalb oder außerhalb eines Composeables definiert wird, wird die Vorschau im Abstand angezeigt. Sie können die Farbe über die Farbauswahl ändern, indem Sie darauf klicken:

Der Nutzer klickt auf eine Farbe im Spaltenabstand, wodurch eine Farbauswahl angezeigt wird.

Bildressourcenauswahl

Wenn ein Zeichnenobjekt, ein Vektor oder ein Bild innerhalb oder außerhalb eines Composeables definiert ist, wird die Vorschau im Abstand angezeigt. Sie können sie über die Bildressourcenauswahl ändern, indem Sie darauf klicken:

Der Nutzer klickt auf ein Symbol im Bereich für Ränder, wodurch die Ressourcenauswahl geöffnet wird.