Autolayout a StackView - Praktické ukážky

V minulej lekcii, Jednoduchá kalkulačka pre iOS vo Swift , sme dokončili jednoduchú iOS aplikáciu vo Swift. Pretože môže byť pre začiatočníka náročný a jedná sa o prakticky nevyhnutnú súčasť vývoja iOS aplikácií, pripravili sme pre vás ako bonus praktické ukážky vo forme animácií.

Nižšie si podrobne a prakticky ukážeme, ako s Autolayout pracovať. Začneme úplným úvodom a postupne sa prepracujeme k náročnejším veciam. Reč bude aj o StackView. Teórií sa zaoberať nebudeme, tá dostala priestor v predchádzajúcej lekcii.

Zarovnanie

Snáď to najjednoduchšie, čo môžete s komponentom urobiť, je ju zarovnať na vodorovnej (horizontálne) a zvislé (vertikálne) osi. Ukážku demonštrujeme opäť na komponente Label:

Zarovnanie Label na stred v iOS aplikácie

Máme na Controlleru jediný Label, ktorý je označený. Teraz ho môžeme na oboch osiach zarovnať pomocou tlačidla "Align constraints" pod návrhárom, s ikonou dvoch obdĺžnikov, pozri animácie nižšie:

Zarovnanie Label na stred pomocou Autolayout

A výsledok:

Vystredený Label v iOS aplikácii

A k čomu sú textové polia v pravej časti? Môžete nimi nastaviť tzv.


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár eur

Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

Autolayout je dôležitý a zo začiatku vás môže zavaliť. Preto sme pripravili stručné praktické ukážky jeho použitia a StackView formou komentovaných animácií.
Článok pre vás napísal Filip Němeček
Avatar
Autor se věnuje vývoji iOS aplikací (občas macOS)
Aktivity