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 – konfiguruje funkcję @Composable.
  • prev – tworzy funkcję typu „composable” @Preview.
  • paddp – dodaje modyfikator padding w dp.
  • weight – dodaje modyfikator weight.
  • W, WR, WC – otacza bieżącą funkcję kompozycyjną kontenerem Box, Row lub Column.

Ikony na marginesie

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.

Podgląd wdrożenia

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

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

Selektor kolorów

Gdy kolor jest zdefiniowany wewnątrz lub na zewnątrz funkcji kompozycyjnej, 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 kliknie kolor na marginesie, co spowoduje wyświetlenie selektora kolorów;

Selektor zasobów graficznych

Gdy obiekt rysowalny, grafika wektorowa lub obraz są zdefiniowane wewnątrz lub na zewnątrz funkcji kompozycyjnej, ich podgląd jest wyświetlany na marginesie. Możesz je zmienić za pomocą selektora zasobów graficznych, klikając go w ten sposób:

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