Lekce 20 - UI 100 % v kódu - Dokončení základní funkcionality

V minulé lekci, UI 100 % v kódu - Stažení receptu pomocí URLSession, jsme si připravili stahování dat k receptům.

Dnes si konečně zobrazíme kromě názvu receptu také zbytek. Začneme tedy ve třídě RecipeView, která zajišťuje zobrazení všech detailů.

Budeme pokračovat v implementaci metody setupView(), která má za úkol přidat komponenty do hierarchie a nastavit jim constraints. V předchozí lekci jsme z důvodu testování zakomentovali přidání recipeThumbnailImageView a recipeInstructionsTextView do hierarchie (view.addSubview()). Takže tyto řádky zas odkomentujeme a smažeme řádek, který nastavuje testovací text komponentě recipeNameLabel.

Constraints pro zbylé komponenty

Zatím tedy máme zobrazení nadpisu.

Obrázek

Pod nadpisem chceme obrázek a pod ním budou instrukce receptu. Začneme s obrázkem a protože bude constraints hodně, nebudeme je aktivovat ručně, ale použijeme metodu activate(), dostupnou skrze NSLayoutConstraint. Metoda očekává pole constraints, takže je rovnou můžeme vytvořit uvnitř.

Dostupná je analogická metoda deactivate(), která dané constraints zas deaktivuje. Toho se využívá v případě, že chceme různé constraints pro různá zařízení nebo orientace zařízení. Constraints jsou potom uložené v polích a při detekci změny orientace jednu skupinu aktivujeme, druhou deaktivujeme a aktualizujeme layout.

Metodu activate() si připravíme na konec metody setupView():

...konec náhledu článku...
Pokračuj dál