Jetpack Compose Academy · Lekcja

Ograniczenia i pomiary intrinsic

Uzgadniaj rozmiar między elementem nadrzędnym i podrzędnym

Lekcja 3 z 413 kroki

Ograniczenia i pomiary intrinsic to bezpłatna lekcja Jetpack Compose Academy na CoddyKit. To lekcja 3 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.

Constraints to kontrakt dotyczący rozmiaru

Rodzic przekazuje każdemu elementowi potomnemu obiekt constraints: dozwoloną minimalną i maksymalną szerokość oraz wysokość. Element potomny musi wybrać rozmiar mieszczący się w tych granicach. 📏

Cztery liczby definiują prostokąt

Każdy obiekt Constraints zawiera wartości minWidth, maxWidth, minHeight i maxHeight. Razem opisują zakres rozmiarów, który może wybrać element potomny.

constraints.minWidth
constraints.maxWidth
constraints.maxHeight

Ograniczenia ograniczone i nieskończone

Wartość maksymalna może być rzeczywistą liczbą albo Infinity. Rodzice przewijalnych elementów przekazują nieskończoną wysokość, dzięki czemu elementy potomne mogą być tak wysokie, jak potrzebują.

Poluzuj constraints, aby dopuścić mniejszy rozmiar

Użyj copy, aby poluzować constraints przed mierzeniem. Ustawienie minWidth na zero pozwala elementowi potomnemu być mniejszym, niż wymagałby rodzic.

val loose = constraints.copy(minWidth = 0, minHeight = 0)

Zaostrz constraints, aby wymusić rozmiar

Ustawienie min równego max wymusza dokładny rozmiar. Element potomny nie ma wyboru i musi mieć właśnie taki rozmiar.

val fixed = Constraints.fixed(width = 200, height = 100)

Elementy potomne negocjują w ramach granic

Układ jest negocjacją: rodzic proponuje granice, element potomny zgłasza rozmiar, a rodzic go umieszcza. Obie strony wpływają na ostateczny wynik.

Dlaczego istnieją intrinsics

Czasami rodzic potrzebuje rozmiaru elementu potomnego przed właściwym przebiegiem mierzenia. Pomiary intrinsic odpowiadają na to pytanie bez zatwierdzania konkretnego rozmiaru.

Minimalna i maksymalna szerokość intrinsic

Użyj minIntrinsicWidth, aby uzyskać najmniejszą szerokość, przy której zawartość jest widoczna bez przycinania, albo maxIntrinsicWidth, aby uzyskać naturalną szerokość zawartości bez zawijania.

measurable.maxIntrinsicWidth(height)

Klasyczne zastosowanie: jednakowe wysokości

Wbudowany modifier IntrinsicSize.Min korzysta z pomiarów intrinsic, aby elementy potomne Row miały wysokość równą wysokości najwyższego elementu, na przykład gdy separator ma dorównywać sąsiednim elementom.

Row(Modifier.height(IntrinsicSize.Min)) { }

Intrinsics wymagają dodatkowego zapytania

Zapytania intrinsic wykonują dodatkową pracę, dlatego należy używać ich tylko wtedy, gdy są potrzebne. Większość niestandardowych układów radzi sobie, korzystając wyłącznie z constraints. ⚡

Constraints przepływają w dół drzewa

Constraints są przekazywane od korzenia w dół przez każdego rodzica. Opanowanie ich zaostrzania i poluzowywania jest podstawą pracy nad niestandardowymi układami.

Szybkie sprawdzenie

Jak wymusić dokładny, stały rozmiar elementu potomnego?

Odpowiedz w interaktywnej lekcji

Podsumowanie: constraints i intrinsics

Constraints określają dozwolony zakres rozmiaru elementu potomnego; za pomocą copy można je poluzować lub zaostrzyć. Intrinsics pozwalają wcześniej sprawdzić rozmiar, ale wymagają dodatkowej pracy i należy używać ich oszczędnie. ✅

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 „Ograniczenia i pomiary intrinsic” jest bezpłatna?

Tak — pełny tekst „Ograniczenia i pomiary intrinsic” 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 „Ograniczenia i pomiary intrinsic”?

Uzgadniaj rozmiar między elementem nadrzędnym i podrzędnym Ć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 3 z 4.

Ile czasu zajmuje lekcja „Ograniczenia i pomiary intrinsic”?

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