Jetpack Compose to nowoczesny zestaw narzędzi do tworzenia interfejsu Androida, który upraszcza tworzenie aplikacji dostosowujących się do dowolnego rozmiaru ekranu.
- Omówienie: zapoznaj się z materiałami dostępnymi dla programistów korzystających z Compose.
- Samouczek: zacznij korzystać z Compose, tworząc podstawowy interfejs.
- Krótkie przewodniki: wypróbuj nasze szybkie i konkretne 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óre mogłeś stosować w przeszłości. Stwórz model mentalny pracy z Compose.
- Zarządzanie stanem: ustawianie i używanie stanu w aplikacji Compose.
- Cykl życia elementów kompozycyjnych: cykl życia elementu kompozycyjnego i sposób, w jaki Compose określa, czy trzeba go ponownie narysować.
- Modyfikatory: używaj modyfikatorów, aby rozszerzać lub dekorować elementy kompozycyjne.
- 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 zasięgu lokalnym z CompositionLocal: używaj
CompositionLocalaby przekazywać dane przez kompozycję.
Interfejs adaptacyjny
- Tworzenie aplikacji adaptacyjnych: poznaj podstawowe zasady tworzenia układów zoptymalizowanych pod kątem dowolnego rozmiaru ekranu, w tym telefonów, tabletów, urządzeń składanych i innych.
- Stosowanie sprawdzonych układów: używaj kanonicznych układów, takich jak szczegółowa lista 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 Android Studio obsługujące Compose.
- Kotlin dla Compose: idiomy specyficzne dla języka Kotlin działają z Compose.
- Porównywanie danych Compose i widoków: jak migracja do Compose może wpłynąć na rozmiar pliku APK aplikacji i wydajność w czasie działania.
- Zestawienie materiałów: zarządzaj wszystkimi zależnościami Compose, określając tylko wersję zestawienia materiałów.
Projektowanie
- Układy: komponenty układu Compose i sposób projektowania własnych.
- Podstawy układu: bloki konstrukcyjne prostego interfejsu aplikacji.
- Komponenty i układy Material: komponenty i układy Material w Compose.
- Układy niestandardowe: przejmij kontrolę nad układem aplikacji i zaprojektuj 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 przejście.
- ConstraintLayout: używaj
ConstraintLayoutw interfejsie Compose.
- Systemy projektowania: wdrażaj system projektowania i nadaj aplikacji
spójny wygląd.
- Material Design 3: wdrażaj Material You za pomocą implementacji Material Design 3 w Compose .
- Migracja z Material 2 do Material 3: migruj aplikację z Material Design 2 do Material Design 3 w Compose.
- Material Design 2: dostosuj implementację Material Design 2 w Compose do marki swojego produktu.
- Niestandardowe systemy projektowania: wdrażaj niestandardowy system projektowania w Compose i dostosowuj istniejące elementy kompozycyjne 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 Compose do zarządzania listami i siatkami danych oraz ich wyświetlania.
- Tekst: główne opcje w Compose do wyświetlania i edytowania tekstu.
- Grafika: funkcje Compose do tworzenia grafiki niestandardowej i pracy z nią.
- Animacja: opcje Compose do animowania elementów interfejsu.
- Gesty: twórz interfejs Compose, który wykrywa gesty użytkownika i reaguje na nie.
- Obsługa interakcji użytkownika: jak Compose abstrahuje dane wejściowe niskiego poziomu do interakcji wyższego poziomu, dzięki czemu możesz dostosować sposób reagowania komponentów na działania użytkownika.
Rozpoczęcie korzystania z Compose
- Migracja aplikacji opartych na widokach: migruj 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 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ści Compose.
- Architektura Compose: wdrażaj wzorzec przepływu jednokierunkowego w
Compose, wdrażaj zdarzenia i kontenery stanu oraz pracuj z
ViewModelw Compose. - Nawigacja: używaj
NavController, aby zintegrować komponent nawigacji z interfejsem Compose. - Zasoby: pracuj z zasobami aplikacji w kodzie Compose.
- Ułatwienia dostępu: uwzględnij użytkowników z wymaganiami dotyczącymi ułatwień dostępu.
- Testowanie: testuj kod Compose.
- Ściągawka dotycząca testowania: krótkie omówienie przydatnych interfejsów API do testowania Compose.
Dodatkowe materiały
- Konfiguracja
- Wyselekcjonowana ścieżka szkoleniowa
- Wytyczne dotyczące interfejsu API Compose
- 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 zasięgu lokalnym z CompositionLocal
- Inne kwestie, które warto wziąć pod uwagę
- Anatomia motywu w Compose