Działania w edytorze

Android Studio ma w obszarze edytora funkcje, które zwiększają produktywność podczas korzystania z Jetpack Compose.

Szablony na żywo

Android Studio zawiera te szablony na żywo związane z Compose, które umożliwiają szybkie wstawianie fragmentów kodu przez wpisanie odpowiedniego skrótu szablonu:

  • comp, aby skonfigurować @Composable funkcję.
  • prev utworzyć @Preview funkcję typu „composable”,
  • paddp, aby dodać padding modyfikator w dp.
  • weight, aby dodać weight modyfikator.
  • W, WR, WC, aby otoczyć bieżący komponent Box, Row lub Column

Ikony rynny

Ikony na marginesie to działania kontekstowe widoczne na pasku bocznym obok numerów wierszy. Android Studio wprowadza kilka ikon na marginesie, które są specyficzne dla Jetpack Compose i ułatwiają pracę programistom.

Wdróż podgląd

@Preview możesz wdrożyć w emulatorze lub na urządzeniu fizycznym bezpośrednio z ikony na marginesie:

Użytkownik klika ikonę w kolumnie wdrażania funkcji podglądu i wdraża podgląd na urządzeniu.

Selektor kolorów

Gdy kolor jest zdefiniowany w funkcji kompozycyjnej lub poza nią, jego podgląd jest wyświetlany na marginesie. Możesz zmienić kolor za pomocą selektora kolorów, klikając go w ten sposób:

użytkownik klika kolor na marginesie, co powoduje wyświetlenie selektora kolorów;

Selektor zasobów graficznych

Gdy element rysowalny, wektor lub obraz jest zdefiniowany w funkcji kompozycyjnej lub poza nią, jego podgląd jest wyświetlany na marginesie. Możesz to zmienić w selektorze zasobów obrazu, klikając go w ten sposób:

Użytkownik klika ikonę na marginesie, co powoduje wyświetlenie selektora zasobów.

Wstecz
iteracyjne pisanie kodu
Dalej
Lint