ViewModifier: co to je, modifikátory View ve SwiftUI

Co je ViewModifier ve SwiftUI?

ViewModifier — je SwiftUI protokol definující smlouvu pro vytváření modifikátorů, které lze aplikovat na libovolný typ View. Je deklarován jako protocol ViewModifier { associatedtype Body: View; func body(content: Content) -> Body }, kde Content je typu původního View předaného modifikátoru.

Protokol ViewModifier se objevil v iOS 13 spolu s první verzí SwiftUI a zůstává stabilní až do iOS 18+ včetně. Hlavním cílem je poskytnout vývojářům mechanismus pro zapouzdření opakujících se řetězců modifikátorů do jediného znovupoužitelného typu. Bez ViewModifier by pokaždé, když je třeba aplikovat stejnou sadu stylů, musely být všechny modifikátory ručně opakovány.

Podle Swift by Sundell (2023) je ViewModifier preferovaným způsobem organizace stylů v projektech SwiftUI, když se stejná sada modifikátorů používá na třech nebo více místech. Pro jednorázové kombinace stačí řetězec vestavěných modifikátorů přímo na View.

Syntaxe protokolu

Protokol ViewModifier vyžaduje implementaci jedné metody body(content:) a volitelně může poskytovat vlastnosti pro konfiguraci chování prostřednictvím parametrů inicializátoru vlastního modifikátoru.

Jak funguje protokol ViewModifier

Protokol ViewModifier definuje metodu body(content:), která přijímá původní View (typ Content) a vrací upravené View (typ Body). SwiftUI aplikuje modifikátor na View, předá jej do content a použije výsledek pro zobrazení.

struct CardStyle: ViewModifier {
    func body(content: Content) -> some View {
        content
            .padding(16)
            .background(Color.white)
            .cornerRadius(12)
            .shadow(radius: 4, x: 0, y: 2)
    }
}

// Použití:
Text("Ahoj, SwiftUI!")
    .modifier(CardStyle())

Když zavoláte .modifier(CardStyle()), SwiftUI vytvoří instanci ModifiedContent<Text, CardStyle>, která ukládá původní View a modifikátor. Při vykreslování SwiftUI zavolá CardStyle.body(content: text) a získá upravené View s padding, background, cornerRadius a shadow.

Důležitý rozdíl: ViewModifier.body se volá při každé aktualizaci View, takže uvnitř body by neměly být žádné těžké výpočty nebo vedlejší účinky. Pokud modifikátor závisí na externích datech (stav, prostředí), předejte je prostřednictvím parametrů inicializátoru.

Vestavěné a vlastní modifikátory: rozdíly

Vestavěné modifikátory SwiftUI (font, foregroundColor, frame, padding) — jsou rozšiřující metody protokolu View, které vracejí typ ModifiedContent. Neimplementují přímo ViewModifier — SwiftUI používá interní optimalizované implementace pro každý vestavěný modifikátor.

Vlastní ViewModifier jsou oprávněné, když se stejná kombinace modifikátorů používá na dvou nebo více místech. Pro jednorázové použití je preferován přímý řetězec modifikátorů — kód zůstává čitelný a kompilátor lépe optimalizuje.

Podle WWDC 2023 Apple doporučuje vytvářet vlastní ViewModifier pro styly související s designovým systémem aplikace: karty, tlačítka, vstupní pole. To zajišťuje konzistenci a zjednodušuje údržbu při změně designu.

Vzory použití ViewModifier

Vzor 1: zapouzdření designového systému. Nejčastější scénář použití ViewModifier — vytvoření jediného zdroje pravdy pro vizuální styly v aplikaci. Každý prvek designového systému (karta, tlačítko, nadpis) dostává svůj vlastní modifikátor.

struct PrimaryButton: ViewModifier {
    var isEnabled: Bool

    func body(content: Content) -> some View {
        content
            .font(.headline.weight(.semibold))
            .foregroundColor(.white)
            .padding(EdgeInsets(top: 12, leading: 24, bottom: 12, trailing: 24))
            .background(isEnabled ? Color.blue : Color.gray)
            .cornerRadius(8)
            .opacity(isEnabled ? 1.0 : 0.6)
    }
}

Vzor 2: podmíněná aplikace modifikátoru. Někdy je třeba aplikovat modifikátor pouze za určitých podmínek. ViewModifier s boolovským parametrem umožňuje zapouzdřit tuto logiku uvnitř body.

Vzor 3: kompozice modifikátorů. ViewModifier může aplikovat jiné ViewModifikátory uvnitř svého body. To umožňuje vybudovat hierarchii modifikátorů, kde každý odpovídá za svůj aspekt vizuální prezentace. Například CardStyle může interně aplikovat ShadowStyle a BorderStyle.

Podle Point-Free (2024) je kompozice modifikátorů prostřednictvím ViewModifier výhodnější než dědičnost: každý modifikátor odpovídá za jeden úkol a lze je kombinovat nezávisle. To je v souladu s principem jediné odpovědnosti ve SwiftUI.

Výkon a kompozice modifikátorů

Výkon ViewModifier závisí na počtu obalů ModifiedContent vytvořených při každé aplikaci. SwiftUI optimalizuje řetězce modifikátorů pomocí diffingu ve fázi vykreslování, ale nadměrný počet modifikátorů může zpomalit aktualizaci.

Optimalizace: slučte několik po sobě jdoucích modifikátorů stejného typu (např. několik padding) do jednoho. Používejte PreferenceKey pouze tehdy, když je to skutečně nutné — modifikátory čtoucí preference způsobují další průchod vykreslování.

Praktické pravidlo: pokud má View více než 10 modifikátorů — přesuňte část z nich do vlastního ViewModifier. To zlepší čitelnost a umožní SwiftUI optimalizovat aktualizace. Podle SwiftUI Lab (2024) snižuje seskupování modifikátorů do ViewModifier dobu vykreslování o 15–30% pro složitá View.