Pierwsze kroki z Jetpack Compose

Jetpack Compose to nowoczesny zestaw narzędzi do tworzenia interfejsu Androida, który upraszcza tworzenie aplikacji dostosowujących się do dowolnego rozmiaru wyświetlacza.

• Omówienie: poznaj zasoby dostępne dla deweloperów korzystających z Compose.
• Samouczek: zacznij korzystać z Compose, tworząc podstawowy interfejs.
• Krótkie przewodniki: skorzystaj z naszych szybkich i skoncentrowanych przewodników, które pomogą Ci jak najszybciej osiągnąć cel.

Podstawy

• Myślenie w Compose: jak deklaratywne podejście Compose różni się od podejścia opartego na widokach, które mogło być używane w przeszłości. Zbuduj model mentalny pracy z Compose.
• Zarządzanie stanem: ustawianie i używanie stanu w aplikacji Compose.
• Cykl życia funkcji kompozycyjnych: cykl życia funkcji kompozycyjnej i sposób, w jaki Compose określa, czy trzeba ją ponownie narysować.
• Modyfikatory: używaj modyfikatorów, aby wzbogacać lub dekorować komponenty.
• Efekty uboczne w Compose: sposoby zarządzania efektami ubocznymi.
• Fazy Jetpack Compose: etapy, przez które przechodzi Compose, aby renderować interfejs aplikacji, oraz sposób wykorzystania tych informacji do pisania wydajnego kodu.
• Warstwy architektury: warstwy architektury, które składają się na Jetpack Compose, oraz podstawowe zasady, które wpłynęły na projekt Compose.
• Wydajność: unikaj typowych błędów programistycznych, które mogą pogorszyć wydajność aplikacji.
• Semantyka w Compose: drzewo semantyczne, które porządkuje interfejs w sposób umożliwiający korzystanie z usług ułatwień dostępu i platform testowych.
• Dane o lokalnym zakresie widoczności z użyciem CompositionLocal: użyj CompositionLocal, aby przekazywać dane przez kompozycję.

Interfejs adaptacyjny

• Tworzenie aplikacji adaptacyjnych: poznaj podstawowe zasady tworzenia układów zoptymalizowanych pod kątem dowolnego rozmiaru wyświetlacza, w tym telefonów, tabletów, urządzeń składanych i innych.
• Stosuj sprawdzone układy: używaj kanonicznych układów, takich jak szczegółowa lista i panel pomocniczy, aby zoptymalizować aplikacje na dużych ekranach.
• Adaptacyjna nawigacja: wdróż wzorce nawigacji, które automatycznie dostosowują się do dostępnej przestrzeni wyświetlania.

Środowisko programistyczne

• Android Studio z Compose: jak skonfigurować środowisko programistyczne do korzystania z Compose.
• Narzędzia do Compose: nowe funkcje Androida Studio obsługujące Compose.
• Kotlin w przypadku Compose: idiomy specyficzne dla języka Kotlin działają w przypadku Compose.
• Porównywanie i wyświetlanie danych dotyczących Compose: jak migracja do Compose może wpłynąć na rozmiar pliku APK i wydajność aplikacji w czasie działania.
• Bill of Materials: zarządzaj wszystkimi zależnościami Compose, określając tylko wersję BOM.

Projektowanie

• Układy: informacje o komponentach układu i projektowaniu własnych układów.
  • Podstawy układu: elementy składowe prostego interfejsu aplikacji.
  • Komponenty i układy Material Design: komponenty i układy Material Design w Compose.
  • Niestandardowe układy: możesz przejąć kontrolę nad układem aplikacji i zaprojektować własny układ niestandardowy.
  • Linie wyrównania: twórz niestandardowe linie wyrównania, aby precyzyjnie wyrównywać i pozycjonować elementy interfejsu.
  • Pomiar wbudowany: jak wysyłać zapytania o informacje o elementach podrzędnych przed ich pomiarem, ponieważ Compose mierzy elementy interfejsu tylko raz na przebieg.
  • ConstraintLayout: używaj ConstraintLayout w interfejsie Compose.
• Systemy projektowania: wdróż system projektowania i nadaj aplikacji spójny wygląd.
  • Material Design 3: wdróż Material You za pomocą implementacji Material Design 3 w Compose.
  • Przenoszenie aplikacji z Material 2 na Material 3: przenieś aplikację z Material Design 2 na Material Design 3 w Compose.
  • Material Design 2: dostosuj implementację Compose Material Design 2 do marki swojego produktu.
  • Niestandardowe systemy projektowania: wdróż niestandardowy system projektowania w Compose i dostosuj istniejące komponenty Material Design do nowego systemu projektowania.
  • Anatomia motywu: konstrukcje i interfejsy API niższego poziomu używane przez MaterialTheme i niestandardowe systemy projektowania.
• Listy i siatki: opcje tworzenia list i siatek danych oraz zarządzania nimi i wyświetlania ich.
• Tekst: główne opcje w sekcji Tworzenie, które służą do wyświetlania i edytowania tekstu.
• Grafika: funkcje Compose do tworzenia i używania niestandardowej grafiki.
• Animacja: skonfiguruj opcje animowania elementów interfejsu.
• Gesty: tworzenie interfejsu Compose, który wykrywa gesty użytkownika i reaguje na nie.
• Obsługa interakcji użytkownika: jak Compose przekształca dane wejściowe niskiego poziomu w interakcje wyższego poziomu, aby umożliwić dostosowywanie sposobu reagowania komponentów na działania użytkownika.

Wprowadzenie Compose

• Przenoszenie aplikacji opartych na widokach: przenieś aplikację opartą na widokach do Compose.
  • Strategia migracji: jak bezpiecznie i stopniowo wprowadzać Compose do bazy kodu.
  • Interfejsy API interoperacyjności: interfejsy API Compose, które pomagają łączyć Compose z interfejsem użytkownika opartym na widokach.
  • Inne kwestie: motywy, architektura, testowanie i inne kwestie, które należy wziąć pod uwagę podczas migracji aplikacji opartej na widokach do Compose.
• Compose i inne biblioteki: jak używać bibliotek opartych na widokach w treściach Compose.
• Architektura Compose: zaimplementuj w Compose wzorzec przepływu jednokierunkowego, zaimplementuj zdarzenia i obiekty przechowujące stan oraz pracuj z ViewModel w Compose.
• Nawigacja: użyj NavController, aby zintegrować komponent Navigation z interfejsem Compose.
• Zasoby: używaj zasobów aplikacji w kodzie Compose.
• Ułatwienia dostępu: dostosowanie do potrzeb użytkowników z wymaganiami dotyczącymi ułatwień dostępu.
• Testowanie: testuj kod Compose.
  • Ściąga dotycząca testowania: szybkie omówienie przydatnych interfejsów API do testowania Compose.

Dodatkowe materiały

• Konfiguracja
• Wybrana ścieżka szkoleniowa
• Wskazówki dotyczące interfejsu Compose API
• Dokumentacja API
• Ćwiczenia z programowania
• Przykładowe aplikacje
• Filmy

Polecane dla Ciebie

• Uwaga: tekst linku jest wyświetlany, gdy język JavaScript jest wyłączony.
• Dane o lokalnym zakresie widoczności z użyciem funkcji CompositionLocal
• Inne kwestie, które warto wziąć pod uwagę
• Składnia motywu w Compose