Krótkie wprowadzenie

Aby zapewnić sobie najlepsze wrażenia podczas programowania za pomocą Compose, pobierz i zainstaluj Android Studio. Zawiera wiele funkcji inteligentnego edytora, takich jak nowe szablony projektów i możliwość natychmiastowego podglądu interfejsu i animacji Compose.

Pobierz Android Studio

Postępuj zgodnie z tymi instrukcjami, aby utworzyć nowy projekt aplikacji Compose, skonfigurować Compose w istniejącym projekcie aplikacji lub zaimportować przykładową aplikację napisaną w Compose.

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 jesteś w oknie Welcome to Android Studio (Witamy w Android Studio), kliknij Start a new Android Studio project (Rozpocznij nowy projekt w Android Studio). Jeśli masz już otwarty projekt w Android Studio, na pasku menu wybierz Plik > Nowy > Nowy projekt.
  2. W oknie Select a Project Template (Wybierz szablon projektu) wybierz Empty Activity (Pusta aktywność) i kliknij Next (Dalej).
  3. W oknie Skonfiguruj projekt wykonaj te czynności:
    1. Ustaw Nazwę, Nazwę pakietu i Lokalizację zapisu tak jak zwykle. Zwróć uwagę, że w menu Language (Język) jedyną dostępną opcją jest Kotlin, ponieważ Jetpack Compose działa tylko z klasami napisanymi w języku Kotlin.
    2. W menu Minimalny poziom API wybierz poziom API 21 lub wyższy.
  4. Kliknij Zakończ.

Możesz już zacząć tworzyć aplikację za pomocą Jetpack Compose. Aby dowiedzieć się, jak zacząć i co można zrobić za pomocą tego zestawu narzędzi, zapoznaj się z samouczkiem 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 jesteś w oknie Witamy w Android Studio, wybierz Importuj przykładowy kod Androida. Jeśli masz już otwarty projekt w Android Studio, na pasku menu wybierz File > New > Import Sample (Plik > Nowy > Importuj przykład).
  2. Na pasku wyszukiwania u góry kreatora Przeglądaj przykłady wpisz „compose”.
  3. Wybierz jedną z przykładowych aplikacji Jetpack Compose z wyników wyszukiwania i kliknij Dalej.
  4. Zmień nazwę aplikacji i lokalizację projektu lub zachowaj 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ć MainActivity.kt w każdym z przykładów, aby zobaczyć interfejsy API Jetpack Compose, takie jak animacja przenikania, komponenty niestandardowe, używanie typografii i wyświetlanie jasnych i ciemnych kolorów w podglądzie w IDE.

Aby dowiedzieć się, jak używać Jetpack Compose na Wear OS, przeczytaj artykuł Konfigurowanie Jetpack Compose na Wear OS.