Stylizacja tekstu
Czcionki, rozmiar, grubość i kolor.
Stylizacja tekstu to bezpłatna lekcja Android 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 Android Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Android Academy zawiera 4 lekcji w sumie.
Po co stylizować tekst
W Jetpack Compose composable Text wyświetla słowa na ekranie. Domyślnie ma prosty wygląd, ale można zmienić jego rozmiar, kolor i grubość.
Stylizowanie ułatwia użytkownikom czytanie aplikacji. Tytuł powinien być większy i grubszy niż tekst główny.
Element Text stylizuje się przez przekazywanie dodatkowych parametrów.
Text("Hello Compose")Powiększanie tekstu
Parametr fontSize określa wielkość tekstu. Rozmiary są wyrażane w jednostce sp, która skaluje się zgodnie z ustawieniami czcionki użytkownika.
Aby użyć sp, należy dodać .sp po liczbie, na przykład 24.sp.
Text(
text = "Big Title",
fontSize = 24.sp
)Pogrubienie i grubość
Parametr fontWeight pozwala pogrubić lub odchudzić tekst. Najczęściej używaną wartością jest FontWeight.Bold.
Inne opcje to FontWeight.Light, FontWeight.Normal i FontWeight.SemiBold.
Text(
text = "Important",
fontWeight = FontWeight.Bold
)Tekst pochylony
Parametr fontStyle może pochylić tekst. Ustawienie wartości FontStyle.Italic nadaje mu kursywę.
Kursywa przydaje się w cytatach lub do podkreślania znaczenia.
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)Kolorowanie tekstu
Parametr color zmienia kolor tekstu. Można przekazać wartość typu Color, na przykład Color.Red lub Color.Blue.
Należy wybierać kolory o dobrym kontraście, aby tekst pozostał czytelny.
Text(
text = "Warning",
color = Color.Red
)Wyrównywanie tekstu
Parametr textAlign określa położenie tekstu w jego obszarze. Typowe wartości to TextAlign.Center, TextAlign.Start i TextAlign.End.
Wyśrodkowanie najlepiej działa, gdy Text zajmuje całą szerokość.
Text(
text = "Centered",
textAlign = TextAlign.Center
)Odstępy między literami
Parametr letterSpacing dodaje odstępy między znakami. On również korzysta z jednostki sp.
Niewielkie zwiększenie odstępów może sprawić, że nagłówki będą wyglądać przestronniej i nowocześniej.
Text(
text = "SPACED",
letterSpacing = 2.sp
)Łączenie stylów
Można jednocześnie połączyć wiele parametrów. Pogrubiony, duży, niebieski tytuł to po prostu jedno wywołanie Text z kilkoma wartościami.
Compose odczytuje każdy parametr i stosuje je wszystkie naraz.
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)Korzystanie z TextStyle
Zamiast wielu osobnych parametrów można pogrupować je w obiekcie TextStyle i przekazać go do parametru style.
Jest to przydatne, gdy ten sam wygląd jest używany w kilku miejscach.
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)Obsługa długiego tekstu
Długi tekst może wystawać poza swój obszar. Użyj maxLines, aby ograniczyć liczbę wierszy, oraz overflow, aby wyświetlać kropki po ucięciu tekstu.
TextOverflow.Ellipsis dodaje na końcu ... w miejscu ukrytego tekstu.
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)Podkreślenie i dekoracje
Parametr textDecoration może dodać Underline lub LineThrough.
Podkreślenia często oznaczają linki, a przekreślenie może wskazywać usunięte lub nieaktualne ceny.
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)Szybkie sprawdzenie
Sprawdźmy, czego nauczyli się Państwo o stylizowaniu Text.
Podsumowanie
Nauczyli się Państwo stylizować Text za pomocą fontSize (w sp), fontWeight do pogrubiania, fontStyle do ustawiania kursywy oraz color do zmiany odcienia.
Można także wyrównywać tekst, dodawać odstępy między literami i dekoracje oraz grupować wszystko w TextStyle.
W następnej części utworzą Państwo przyciski reagujące na dotknięcia.
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
- 36
- Lekcje
- 152
Często zadawane pytania
Czy lekcja „Stylizacja tekstu” jest bezpłatna?
Tak — pełny tekst „Stylizacja tekstu” 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 Android Academy, przejdź na CoddyKit PRO. Kurs Android Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Stylizacja tekstu”?
Czcionki, rozmiar, grubość i kolor. Ćwiczysz Android 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ąć Android Academy?
Nie wymagamy żadnego doświadczenia. Android 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 „Stylizacja tekstu”?
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 Android Academy?
Tak. Każda lekcja Android 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.