Krótkie wprowadzenie

Aby jak najlepiej wykorzystać możliwości Compose, pobierz i zainstaluj Android Studio. Zawiera ono wiele inteligentnych funkcji edytora, takich jak nowe szablony projektów i możliwość natychmiastowego wyświetlania podglądu interfejsu Compose oraz animacji.

Pobierz Android Studio

Aby utworzyć nowy projekt aplikacji Compose, skonfigurować Compose w istniejącym projekcie aplikacji lub zaimportować przykładową aplikację napisaną w Compose, wykonaj te instrukcje.

Tworzenie nowej aplikacji z obsługą Compose

Jeśli chcesz rozpocząć nowy projekt, który domyślnie obsługuje Compose, Android Studio zawiera różne szablony projektów, które pomogą Ci zacząć. Aby utworzyć nowy projekt z prawidłowo skonfigurowanym Compose, wykonaj te czynności:

  1. Jeśli widzisz okno Witamy w Android Studio, kliknij Rozpocznij nowy projekt Android Studio. Jeśli masz już otwarty projekt Android Studio, na pasku menu wybierz Plik > Nowy > Nowy projekt.
  2. W oknie Wybierz szablon projektu wybierz Puste działanie i kliknij Dalej.
  3. W oknie Skonfiguruj projekt wykonaj te czynności:
    1. Ustaw Nazwę, Nazwę pakietu i Lokalizację zapisu w zwykły sposób. Pamiętaj, że w menu Język dostępna jest tylko opcja Kotlin, ponieważ Jetpack Compose działa tylko z klasami napisanymi w Kotlinie.
    2. W menu Minimalny poziom API wybierz poziom API 21 lub wyższy.
  4. Kliknij Zakończ.

Możesz teraz zacząć tworzyć aplikację za pomocą Jetpack Compose. Aby pomóc Ci zacząć i dowiedzieć się, co możesz zrobić za pomocą tego zestawu narzędzi, wypróbuj samouczek Jetpack Compose.

Konfigurowanie zależności i kompilatora Compose

Zobacz Konfigurowanie zależności i kompilatora Compose.

Wypróbuj przykładowe aplikacje Jetpack Compose

Najszybszym sposobem na eksperymentowanie z możliwościami Jetpack Compose jest wypróbowanie przykładowych aplikacji Jetpack Compose hostowanych na GitHubie. Aby zaimportować przykładową aplikację z Android Studio, wykonaj te czynności:

  1. Jeśli widzisz okno Witamy w Android Studio, kliknij Importuj przykładowy kod Androida. Jeśli masz już otwarty projekt Android Studio, na pasku menu wybierz Plik > Nowy > Importuj przykład.
  2. Na pasku wyszukiwania u góry kreatora Przeglądaj przykłady wpisz „compose”.
  3. W wynikach wyszukiwania wybierz jedną z przykładowych aplikacji Jetpack Compose i kliknij Dalej.
  4. Zmień Nazwę aplikacji i Lokalizację projektu lub pozostaw wartości domyślne.
  5. Kliknij Zakończ.

Android Studio pobierze przykładową aplikację do określonej ścieżki i otworzy projekt. Następnie możesz sprawdzić plik MainActivity.kt w każdym z przykładów, aby zobaczyć interfejsy API Jetpack Compose, takie jak animacja crossfade, komponenty niestandardowe, używanie typografii oraz wyświetlanie jasnych i ciemnych kolorów w podglądzie w IDE.

Aby używać Jetpack Compose w Wear OS, zobacz Konfigurowanie Jetpack Compose w Wear OS.