Jetpack Compose Academy · Lekcja

Composable Text

Wyświetlaj ciąg znaków i kontroluj jego podstawowe właściwości

Lekcja 1 z 413 kroki

Composable Text to bezpłatna lekcja Jetpack Compose Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Jetpack Compose Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Jetpack Compose Academy zawiera 4 lekcji w sumie.

Poznaj Text

W Compose słowa umieszczasz na ekranie za pomocą elementu Composable Text. To najprostszy element budulcowy używany na niemal każdym ekranie.

Przekaż String

Przekaż Text wartość typu string, a zostanie ona natychmiast wyświetlona. Bez XML i bez findViewById — wystarczy wywołanie funkcji opisujące to, co ma się pojawić.

Text("Hello, Compose!")

To tylko funkcja

Text jest funkcją composable, a nie klasą, którą trzeba nadmuchać. Wywołujesz go wewnątrz innych composable, dokładnie tak jak każdą funkcję Kotlin. 🙂

Gdzie umieścić Text

Text zapisujesz wewnątrz funkcji composable, takiej jak funkcja ekranu. Compose odczytuje kod od góry do dołu i rysuje każdy znaleziony element.

@Composable
fun Greeting() {
    Text("Welcome")
}

Domyślne style

Bez dodatkowych argumentów Text korzysta z rozsądnych wartości domyślnych motywu: czytelnego rozmiaru, koloru on-surface i standardowej czcionki.

Stringi z zasobów

W prawdziwych aplikacjach pobieraj tekst za pomocą stringResource zamiast wpisywać go na stałe. Dzięki temu aplikację można przetłumaczyć na każdy obsługiwany język.

Text(stringResource(R.string.greeting))

Połącz ze zmiennymi

Ponieważ jest to zwykły Kotlin, możesz zbudować string ze zmiennych i szablonów, zanim przekażesz go do Text. Logika i interfejs współistnieją w jednym miejscu.

val name = "Ada"
Text("Hi, " + name)

Wiele elementów Text na jednym ekranie

Potrzebujesz kilku wierszy? Po prostu wywołaj Text wiele razy. Każde wywołanie jest niezależnym elementem, który później możesz osobno stylizować.

maxLines utrzymuje porządek

Długą zawartość można ograniczyć za pomocą maxLines, aby etykieta nigdy nie stała się wyższa, niż oczekujesz. Po prostu przestaje rysować kolejne wiersze.

Text("A very long bio...", maxLines = 1)

Reaguje na stan

Gdy przekazany string się zmieni, Text zostanie automatycznie narysowany ponownie. Nie musisz wywoływać żadnej metody aktualizacji — Compose śledzi tę wartość za Ciebie.

Twoje pierwsze słowa

Na tym polega cała idea: opisujesz tekst, który chcesz wyświetlić, a Compose go rysuje. Wszystko bardziej zaawansowane to tylko dodatkowe argumenty tego samego wywołania.

Szybkie sprawdzenie

Która linia poprawnie wyświetla powitanie w Compose?

Odpowiedz w interaktywnej lekcji

Podsumowanie

Poznałeś element Text — podstawowy composable do wyświetlania słów. Przekaż mu string, korzystaj z domyślnych wartości motywu, a element zostanie narysowany ponownie za każdym razem, gdy wartość się zmieni. 🎉

Bezpłatny start

Ucz się Kotlin dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy: 30
Lekcje: 120

Zacznij naukę bezpłatnie Wyświetl pełny kurs

Często zadawane pytania

Czy lekcja „Composable Text” jest bezpłatna?

Tak — pełny tekst „Composable Text” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Jetpack Compose Academy, przejdź na CoddyKit PRO. Kurs Jetpack Compose Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Composable Text”?

Wyświetlaj ciąg znaków i kontroluj jego podstawowe właściwości Ćwiczysz Jetpack Compose Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Jetpack Compose Academy?

Nie wymagamy żadnego doświadczenia. Jetpack Compose Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.

Ile czasu zajmuje lekcja „Composable Text”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Jetpack Compose Academy?

Tak. Każda lekcja Jetpack Compose Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do Jetpack Compose Academy