Wprowadzenie do Jetpack Compose

Jetpack Compose to nowoczesny zestaw narzędzi interfejsu użytkownika wprowadzony niedawno przez Google, który służy do tworzenia natywnego interfejsu użytkownika systemu Android. Upraszcza i przyspiesza tworzenie interfejsu użytkownika przy użyciu mniejszej ilości kodu, interfejsów API Kotlin i zaawansowanych narzędzi.

Jetpack Compose daje nam możliwość stworzenia innego interfejsu użytkownika, który nazywa się Declarative Framework i dokonania tej transakcji w natywnym.

Mogłeś zauważyć, że kody napisane za pomocą Fluttera i React Native stworzyły interfejs użytkownika, a teraz możesz to wszystko zrobić za pomocą Jetpack Compose.

Uwaga : Jetpack Compose został wydany w marcu 2021 roku. Aby korzystać z Compose , potrzebujesz Android Studio Artic Fox , które działa w wersji minimum sdk 21 .

Dlaczego powinniśmy używać Jetpack Compose?

• Deklaratywny: jest w pełni deklaratywny, dzięki czemu można opisać komponenty interfejsu użytkownika, wywołując niektóre predefiniowane funkcje.
• Kompatybilny: jest łatwo kompatybilny z istniejącymi widokami obecnymi w systemie Android.
• Zwiększ szybkość programowania: Wcześniej programiści musieli pracować nad plikiem XML i plikiem Kotlin. Ale z pomocą jetpack compose staje się to łatwe, a programiści muszą pracować tylko nad plikami Kotlin, dlatego pomoże programistom zwiększyć szybkość programowania.
• Zwięzły i idiomatyczny Kotlin: Jetpack Compose zbudował interfejs użytkownika z korzyścią, jaką przynosi Kotlin.
• Łatwy w utrzymaniu: ponieważ baza kodu dowolnej aplikacji jest zawarta w jednym pliku. Zarządzanie i obsługa bazy kodu aplikacji staje się łatwa.
• Napisany w Kotlin: Aplikacja napisana przy użyciu jetpack compose wykorzystuje w 100% język programowania Kotlin.

Dzięki nowej funkcji dostarczanej z Compose możesz zobaczyć dane wyjściowe bez emulatora.

Utwórz projekt, wybierając nowe działanie Empty Compose i zbadaj główną strukturę Jetpack Compose.

Gdy wybierzemy Empty Compose Activity, klasa MainActivity pojawi się jak poniżej.

Pierwszą rzeczą, którą zauważysz, jest to, że Main Activity zostało odziedziczone po ComponentActivity , a nie AppCompatActivity.

Recenzja do oceny, dzięki Jetpack Compose zobaczysz, że pole zostało dodane tak, jak poniżej.

Jeśli otworzysz projekt jako EmptyActivity, musisz dodać zależności, jak poniżej.

Powiedzieliśmy, że możesz zobaczyć projekt bez kompilacji w czasie wykonywania.

Gdy wybierzemy Split view, możemy zobaczyć podgląd kodów, które piszemy w Kotlinie.

Adnotacja @Preview: Możesz ręcznie dodać parametry w swoim kodzie, aby dostosować sposób, w jaki Android Studio renderuje adnotację podglądu.

W tym samym czasie, gdy chcemy zobaczyć cały ekran lub element, możemy dodać elementy pod adnotacją.

Funkcje , które można komponować, są podstawowymi blokami konstrukcyjnymi aplikacji zbudowanej za pomocą Compose.
Composable można zastosować do funkcji lub lambda, aby wskazać, że funkcja/lambda może być używana jako część kompozycji do opisania transformacji danych aplikacji w drzewo lub hierarchię.

Poniższy kod tworzy obiekt TextView, który jest w xml, jako Composable.

Klasa tekstowa jest klasą komponowalną, która otrzymuje zbyt wiele parametrów.

Jeśli zaczynamy normalną czynność, dajemy jeden układ do wnętrza setContentView , ale teraz do komponowania używamy setContent .

W klasie setContent widać, że chce ona od nas komponowalnych parametrów zapisanych jak poniżej.

Powitanie to kompozycja. Możemy przekazać ten tekst do wnętrza setContent, gdy aplikacja jest otwarta.

Jakich prostych funkcji nauczyliśmy się na razie w tym artykule?

• Funkcja komponowalna: Funkcja komponowalna jest reprezentowana w kodzie za pomocą adnotacji @Composable do nazwy funkcji. Ta funkcja umożliwia programistyczne zdefiniowanie interfejsu użytkownika aplikacji przez opisanie jego kształtu i zależności danych zamiast koncentrowania się na procesie konstruowania interfejsu użytkownika.
• Funkcja podglądu: sama nazwa funkcji mówi nam, że funkcja służy do generowania podglądu funkcji, którą można komponować. Służy do wyświetlania podglądu naszych komponowalnych funkcji w naszym IDE zamiast instalowania naszego APK w emulatorze lub urządzeniu wirtualnym.

Jeśli interesuje Cię SwitfUI na iOS, polecam zapoznać się z artykułem Pınara Koçaka .

Zasoby