19. diel - Úvod do užívateľského rozhrania 100% v kóde s Auto Layout

V tomto už pokročilejšom tutoriálu si ukážeme, ako vytvoriť celú aplikáciu skrze Swift, teda kódom bez pomoci Main.storyboard a Interface Builder. Existuje celý rad dobrých dôvodov, prečo Interface Builder nepoužívať a tiež rad dôvodov, prečo áno.

Zvlášť v začiatkoch je Interface Builder určite lepšia voľba. Vaše užívateľské rozhranie vidíte pred sebou, môžete prepájať obrazovky vizuálne, vidíte dostupné vlastnosti, nastavenej Auto Layout constraints a hromadu ďalšieho.

Ako skutočnú nevýhodu Interface Builder by som uviedol fakt, že je problém pracovať na aplikáciu v tíme. Keď bude viac členov modifikovať Main.storyboard alebo akýkoľvek iný storyboard, je veľký problém následne zmeny rozumne zlúčiť. Môžeme síce používať viac storyboard súborov a vyhnúť sa tak konfliktom, ale keď celé UI vytvoríme v kóde, tak presne vidíme, čo kto zmenil a čoho sa zmena týka.

Kód má pre skúsenejších vývojárov tiež výhodu v tom, že prehľadnejšie vidíme, aké vlastnosti daných komponentov sme menili (Interface Builder ukazuje vždy všetky vlastnosti a nemusí byť zrejmé, čo je východisková hodnota a čo naše). Môžeme komponenty nastavovať hromadne a sú veci, ktoré Interface Builder nevie. Napríklad rôzne veľké medzery medzi komponentmi vo Stack View je možné nastaviť len v kóde.

Nebudem tu písať, aký spôsob je lepší a aký by ste mali zvoliť. Každý má niečo do seba a je v poriadku používať ten, ktorý vám vyhovuje. Myslím si však, že by sme mali poznať aspoň základy oboch prístupov.

Úvod by bol za nami a pustíme sa do tvorby aplikácie. Výsledok bude zobrazovať náhodné recepty a okrem samotnej tvorby UI v kóde si ukážeme rad ďalších vychytávok, ako je Dynamic Type, použitie komponenty Scroll View, optimalizácia textu pre veľké displeje a rad ďalších.

Vytvorenie projektu

Tradične vytvoríme nový iOS projekt podľa šablóny

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