Dobře, začneme. Tématem je, jak umístit obrázek na položku tlačítka v aplikaci pro iOS s využitím Swift jako programovacího jazyka.
Tlačítka jsou jedním z nejčastěji používaných prvků rozhraní v jakémkoli digitálním produktu a jejich význam nelze podceňovat. Slouží nejen jako vodítko pro uživatele, kam kliknout, ale také přispívají k celkové estetice vašeho digitálního produktu. Často je výhodné používat obrázková tlačítka – tedy tlačítka s obrázky místo textu – zvláště když představují běžné akce v mobilních aplikacích.
Swift jako výkonný a intuitivní programovací jazyk pro MacOS, iOS, watchOS a tvOS umožňuje vývojářům navrhovat a kódovat tlačítka a pečlivě upravovat jejich vzhled. Třída UIImage je například součástí rámce UIKit ve Swift, který se stará o správu obrazových dat ve vaší aplikaci.
Pro začátek vytvořte objekt UIButton a pomocí metody 'setBackgroundImage()' vložte obrázek na toto tlačítko.
Takto to děláte:
let button = UIButton() let image = UIImage(named: "buttonImage") button.setBackgroundImage(image, for: .normal)
Hlubší pochopení UIImage
UIImage je objekt, který spravuje obrazová data ve vaší aplikaci. Objekt UIImage je optimalizován pro kreslení a zabírá mnohem méně paměti než ekvivalentní datové struktury Quartz nebo Core Image.
UIImage ví o velikosti a měřítku obrázku a dokáže jej vykreslit efektivněji než generický CGImage. Je to jen volatelný objekt obalující nějaké neměnné CGImage (nebo CIImage), což znamená, že nemůžete změnit CGImage uvnitř UIImage přímo, musíte k tomu vytvořit nový UIImage.
Dekódování kódu obrázku tlačítka
Nyní si rozeberme kód, který jsme použili k přidání obrázku k tlačítku ve Swiftu.
Nejprve vytvoříme instanci tlačítka pomocí třídy UIButton dodávané společností Swift.
let button = UIButton()
Dále na řadě vytvoříme náš UIImage pomocí pojmenovaného inicializátoru. Parametr „named“ odkazuje na obrázek, který máme v aktivech našeho projektu.
let image = UIImage(named: "buttonImage")
Nakonec na našem tlačítku zavoláme funkci 'setBackgroundImage()' a předáme obrázek, který jsme vytvořili, a stav, pro který by se tento obrázek měl objevit na tlačítku, což je v našem případě normální stav.
button.setBackgroundImage(image, for: .normal)
To zajišťuje, že když uživatel zobrazí tlačítko v jeho normálním stavu, uvidí vámi nastavený obrázek.
Závěrem lze říci, že Swift poskytuje několik vestavěných funkcí pro manipulaci s prvky uživatelského rozhraní. Jejich pochopení umožňuje programátorovi vytvářet vizuálně přitažlivá a intuitivní rozhraní kompatibilní a rychle. Aplikace UIImage a UIButton byla příkladem jen tipu metod pro přizpůsobení rozhraní. Existuje mnoho dalších atributů, se kterými lze manipulovat a dosáhnout tak mnohem komplexnějších a poutavějších uživatelských rozhraní.
