Over si svoje vedomosti z kapitol o layoutoch Column, Row a Box v Compose. Klikni na Áno alebo Nie - tlačidlo sa hneď zafarbí (zelená = správne, červená = nesprávne) a zobrazí sa komentár s vysvetlením. Otázky prechádzaš po jednej pomocou tlačidiel nižšie.
Otázka 1 / 14
Column zoraďuje svoje prvky pod seba, teda vertikálne.
Áno. Column je ekvivalent flex-direction: column v CSS.
Row zoraďuje svoje prvky pod seba, rovnako ako Column.
Nie. Row naopak zoraďuje prvky vedľa seba (horizontálne), na rozdiel od Column.
Parameter verticalArrangement v Column určuje rozloženie prvkov vertikálne, napríklad medzery medzi nimi.
Áno. Napríklad Arrangement.spacedBy(8.dp) pridá medzi prvky pravidelnú medzeru 8 dp.
Predvolená hodnota horizontalAlignment v Column je Alignment.CenterHorizontally.
Nie. Predvolená hodnota je Alignment.Start - prvky sú zarovnané doľava, pokiaľ explicitne nenastavíme inak.
V Row parameter verticalAlignment = Alignment.CenterVertically zarovná prvky na stred vertikálne.
Áno. Predvolená hodnota je Alignment.Top, ale túto vieme zmeniť napríklad na centrovanie.
horizontalArrangement = Arrangement.SpaceBetween v Row rozloží prvky tak, že medzi nimi je rovnomerný priestor, no na krajoch nie.
Áno. Prvý prvok sa dotýka ľavého okraja a posledný pravého - priestor sa rozloží iba medzi ne.
Box umožňuje prekrývať prvky cez seba, podobne ako position: relative v CSS.
Áno. Prvky v Box sa kladú na seba v poradí, v akom sú definované.
Box je najvhodnejší layout na klasické, neprekrývajúce sa rozloženie viacerých prvkov v rade alebo v stĺpci.
Nie. Na klasické rozloženie slúžia Column a Row. Box je vhodný najmä na prekrývanie prvkov.
Parameter contentAlignment v Box určuje, ako sú vnorené prvky zarovnané v rámci celého boxu.
Áno. Napríklad contentAlignment = Alignment.Center vycentruje všetky vnorené prvky.
Box je vhodný na vytvorenie napríklad malého číselného odznaku (badge) v rohu ikony.
Áno. Prekrytie ikony malým textovým prvkom v rohu je jeden z typických prípadov použitia Box.
Arrangement a Alignment znamenajú v Compose to isté a dajú sa navzájom zamieňať.
Nie. Arrangement určuje rozloženie (medzery, distribúciu priestoru) v smere hlavnej osi, zatiaľ čo Alignment zarovnanie v priečnom smere.
Modifier.padding(16.dp) môžeme použiť na Column, Row aj Box rovnako ako na iné composable prvky.
Áno. Modifier je univerzálny mechanizmus použiteľný na všetky layouty aj bežné prvky.
Vnorený Box(modifier = Modifier.size(150.dp).background(Color.Cyan)) vo vnútri väčšieho Box-u vytvorí prekrývajúcu sa farebnú vrstvu.
Áno. Viacero vnorených Box prvkov s rôznou veľkosťou a farbou pozadia sa jednoducho prekryje podľa poradia deklarácie.
Row a Column nemôžu byť vnorené jeden do druhého - Compose layouty sa nedajú kombinovať.
Nie. Layouty sa bežne kombinujú a vnárajú - napríklad Row vnútri Column je veľmi bežný vzor pri tvorbe formulárov.
Tvoje skóre je 0 / 14