Jetpack Compose to nowoczesny zestaw narzędzi do tworzenia interfejsu Androida, który upraszcza opracowywanie aplikacji dostosowujących się do dowolnego rozmiaru wyświetlacza.
- Omówienie: zapoznaj się z zasobami dostępnymi dla deweloperów korzystających z Compose.
- Samouczek: zacznij korzystać z Compose, tworząc podstawowy interfejs.
- Krótkie przewodniki: wypróbuj nasze szybkie i skoncentrowane przewodniki, 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órego mogłeś(-aś) używać w przeszłości. Zbuduj model mentalny pracy z Compose.
- Zarządzanie stanem: ustawianie i używanie stanu w aplikacji napisanej w Compose.
- Cykl życia funkcji kompozycyjnych: cykl życia funkcji kompozycyjnej i sposób, w jaki Compose określa, czy należy 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, który może być używany przez usługi ułatwień dostępu i platformy testowe.
- Dane o lokalnym zakresie 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 lista-szczegóły i panel pomocniczy, aby zoptymalizować aplikacje na dużych ekranach.
- Nawigacja adaptacyjna: wdrażaj 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 Compose: idiomy specyficzne dla Kotlina działają w Compose.
- Porównywanie i wyświetlanie danych dotyczących Compose: jak przejście na 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: tworzenie komponentów układu i projektowanie własnych.
- Podstawy układu: elementy składowe prostego interfejsu aplikacji.
- Komponenty i układy Material: komponenty i układy Material 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.
- Pomiary wewnętrzne: jak wysyłać zapytania o informacje o elementach podrzędnych przed ich pomiarem, ponieważ interfejs Compose mierzy elementy tylko raz na przebieg.
- ConstraintLayout: używaj
ConstraintLayoutw 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ę Material Design 2 w Compose 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
MaterialThemei 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 Compose do wyświetlania i edytowania tekstu.
- Grafika: funkcje Compose do tworzenia i obsługi niestandardowej grafiki.
- Animacja: opcje tworzenia animacji elementów interfejsu.
- Gesty: utwórz interfejs 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 stanu oraz pracuj z
ViewModelw Compose. - Nawigacja: użyj
NavController, aby zintegrować komponent nawigacji 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: testowanie kodu Compose.
- Ściąga dotycząca testowania: krótkie 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