Android Academy · Lekcja

Wyrównywanie i rozmieszczanie

Precyzyjnie rozmieszczaj elementy podrzędne

Wyrównywanie i rozmieszczanie to bezpłatna lekcja Android 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 Android Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Android Academy zawiera 4 lekcji w sumie.

Pozycjonowanie elementów podrzędnych

Wewnątrz Column lub Row o położeniu elementów podrzędnych decydują dwa ustawienia: alignment (w poprzek układu) i arrangement (wzdłuż układu).

Wyrównanie w Column

W Column elementy podrzędne są ułożone pionowo. horizontalAlignment określa ich położenie poziome — z lewej, na środku lub z prawej.

Column(horizontalAlignment = Alignment.CenterHorizontally) {
    Text("Centered")
    Text("Also centered")
}

Rozmieszczenie w Column

verticalArrangement określa sposób rozmieszczenia elementów podrzędnych w pionie — u góry, na środku, na dole lub w równych odstępach.

Column(verticalArrangement = Arrangement.Center) {
    Text("A")
    Text("B")
}

Wyrównanie w Row

W Row osie zamieniają się rolami. verticalAlignment określa pionowe położenie elementów podrzędnych, a horizontalArrangement rozstawia je poziomo.

Row(verticalAlignment = Alignment.CenterVertically) {
    Text("Left")
    Text("Right")
}

Zapamiętanie pary

Wskazówka: alignment dotyczy osi poprzecznej, a arrangement osi głównej. W Column osią główną jest pion, dlatego używa się verticalArrangement i horizontalAlignment.

Opcje Arrangement

Popularne wartości Arrangement:

Top / Bottom / Center
SpaceBetween — odstępy między elementami.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween umieszcza pierwszy i ostatni element podrzędny przy krawędziach, a pozostałe rozstawia równomiernie — idealnie nadaje się do górnego paska z tytułem po lewej i ikoną po prawej.

Row(horizontalArrangement = Arrangement.SpaceBetween) {
    Text("Title")
    Text("Action")
}

Arrangement.spacedBy

Arrangement.spacedBy(8.dp) dodaje stały odstęp między każdym elementem podrzędnym — to najprostszy sposób na równomierne rozstawienie elementów listy.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Text("One")
    Text("Two")
    Text("Three")
}

Łączenie spacedBy z Alignment

Można połączyć rozmieszczenie i wyrównanie, aby uzyskać pełną kontrolę nad układem.

Column(
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text("Title")
    Button(onClick = {}) { Text("Go") }
}

Wyrównanie w Box

W przypadku Box należy użyć contentAlignment do pozycjonowania elementów podrzędnych albo zastosować Modifier.align() na poszczególnych elementach, aby ustawiać je niezależnie.

Box(modifier = Modifier.fillMaxSize()) {
    Text(
        text = "Bottom",
        modifier = Modifier.align(Alignment.BottomCenter)
    )
}

Składanie wszystkiego w całość

Wiersz nagłówka oraz lista z równymi odstępami.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Row(horizontalArrangement = Arrangement.SpaceBetween) {
        Text("Inbox")
        Text("Edit")
    }
    Text("Message 1")
    Text("Message 2")
}

Szybkie sprawdzenie

W Column który parametr określa poziome położenie elementów podrzędnych?

Podsumowanie

Pozycjonowanie:

Alignment = oś poprzeczna; arrangement = oś główna.
Column: horizontalAlignment + verticalArrangement.
Row: verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() dodaje równe odstępy.

Często zadawane pytania

Czy lekcja „Wyrównywanie i rozmieszczanie” jest bezpłatna?

Tak — pełny tekst „Wyrównywanie i rozmieszczanie” 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 „Wyrównywanie i rozmieszczanie”?

Precyzyjnie rozmieszczaj elementy podrzędne Ć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 3 z 4.

Ile czasu zajmuje lekcja „Wyrównywanie i rozmieszczanie”?

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.

Wszystkie lekcje w tym kursie

← Powrót do Android Academy