V dnešnej časti sa pozrieme na novinku, ktorú Apple predstavil v novej iOS verzí iOS – UIBUTTON.Configuration
Tlačítko je jeden z najdôležitejších a najpoužívanejších UI elementov a to nielen v mobile sfére. Apple sa za tie roky viac krát adaptoval novým dizajnovým trendom. Od verzie iOS 7 to bol Flat dizajn, ktorý skratka bol jednoduchý a ľahko aplikovateľný.
Jednoduchosť ale nebola vždy ideálna, nakoľko natívne je možné použiť tri štýli tlačítka čo pri aplikovaní custom dizajnu môže spôsobiť komplikácie pri adaptáci vlastného dizajnu a väčšinou bolo nutné si zostaviť vlastné tlačítko naskladaním viacerých elementov ako UIView, UILabel a UIButton.
Novinka v iOS ale pridala viac customizable riešenie a to pridaním Configuration struct na pokročilejšiu úpravu style parametrov tlačítka, ktorá je dostupná už priamo v storyboarde a ponuka 4 rôzne štýli – plain, tinted, gray a filled.
Pokročilejšie úpravy a nastavenia
Úpravy začínajú modifikáciou UIButton.Configuration a v jednoduchých 3 krokoch je možné zmeniť celý štýl.
- Inicializácia Configuration štruktúry
- Modifikácia atribútov štuktúry
- Inicializácia tlačítka spolu s konfiguráciou, alebo priradenie vytvorenej konfigurácie do existujúceho tlačítka
Napríklad potrebujeme fialové tlačítko, oblých tvarov s bielým písmom
func setupCustomButtons() {
// 1
var configuration = UIButton.Configuration.filled()
// 2
configuration.baseBackgroundColor = .purple
configuration.baseForegroundColor = .white
configuration.cornerStyle = .capsule
configuration.buttonSize = .small
configuration.title = "Purple Capsule Button"
// 3
let button1 = UIButton(configuration: configuration, primaryAction: nil)
buttonStackView.addArrangedSubview(button1)
}
Výsledne tlačítko bude vyzerať takto:
Jednoduché.
