Działania w edytorze

Android Studio ma funkcje w obszarze edytora, 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ę kompozycyjną @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 specyficznych dla Jetpack Compose, aby ułatwić pracę programistom.

Podgląd wdrożenia

Możesz wdrożyć @Preview w emulatorze lub na fizycznym urządzeniu 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 element rysowalny, wektorowy lub obraz jest zdefiniowany wewnątrz lub na zewnątrz funkcji kompozycyjnej, jego podgląd jest wyświetlany na marginesie. Możesz go 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.