ViewModifier: bu nədir, View modifikatorları SwiftUI-də

SwiftUI-də ViewModifier nədir?

ViewModifier — istənilən View tipinə tətbiq oluna bilən modifikatorlar yaratmaq üçün müqavilə müəyyən edən SwiftUI protokoludur. O, protocol ViewModifier { associatedtype Body: View; func body(content: Content) -> Body } kimi elan edilmişdir, burada Content modifikatora ötürülən orijinal View-in tipidir.

ViewModifier protokolu iOS 13-də SwiftUI-nin ilk versiyası ilə birlikdə meydana çıxdı və iOS 18+ daxil olmaqla stabil olaraq qalır. Əsas məqsəd tərtibatçılara təkrarlanan modifikator zəncirlərini vahid təkrar istifadə oluna bilən tipdə kapsullaşdırmaq mexanizmi təqdim etməkdir. ViewModifier olmadan hər dəfə eyni stil dəstini tətbiq etmək lazım gəldikdə bütün modifikatorları əl ilə təkrarlamaq məcburiyyəti yaranardı.

Swift by Sundell (2023)-ə görə, ViewModifier eyni modifikator dəsti üç və daha çox yerdə istifadə edildikdə SwiftUI layihələrində stilləri təşkil etməyin üstünlük verilən üsuludur. Tək istifadəlik kombinasiyalar üçün birbaşa View-də daxili modifikatorlar zənciri kifayətdir.

Protokolun sintaksisi

ViewModifier protokolu bir body(content:) metodunun tətbiqini tələb edir və isteğe bağlı olaraq xüsusi modifikatorun init parametrləri vasitəsilə davranışı konfiqurasiya etmək üçün xüsusiyyətlər təmin edə bilər.

ViewModifier protokolu necə işləyir

ViewModifier protokolu orijinal View-i (Content tipi) qəbul edən və dəyişdirilmiş View-i (Body tipi) qaytaran body(content:) metodunu müəyyən edir. SwiftUI modifikatoru View-ə tətbiq edir, onu content-ə ötürür və nəticədən göstərmək üçün istifadə edir.

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

// İstifadə:
Text("Salam, SwiftUI!")
    .modifier(CardStyle())

.modifier(CardStyle()) çağırdıqda, SwiftUI orijinal View və modifikatoru saxlayan ModifiedContent<Text, CardStyle> nümunəsi yaradır. Render zamanı SwiftUI CardStyle.body(content: text)-i çağırır, padding, background, cornerRadius və shadow ilə dəyişdirilmiş View əldə edir.

Əhəmiyyətli fərq: ViewModifier.body hər View yenilənməsində çağırılır, ona görə də body daxilində ağır hesablamalar və ya yan təsirlər olmamalıdır. Modifikator xarici məlumatlardan (vəziyyət, mühit) asılıdırsa, onları init parametrləri vasitəsilə ötürün.

Daxili və xüsusi modifikatorlar: fərqlər

SwiftUI-nin daxili modifikatorları (font, foregroundColor, frame, padding) — ModifiedContent tipini qaytaran View protokolunun genişləndirmə metodlarıdır. Onlar birbaşa ViewModifier-i tətbiq etmir — SwiftUI hər daxili modifikator üçün daxili optimallaşdırılmış tətbiqlərdən istifadə edir.

Xüsusi ViewModifier eyni modifikator kombinasiyası iki və ya daha çox yerdə istifadə edildikdə əsaslandırılır. Tək istifadə üçün birbaşa modifikator zənciri üstünlük təşkil edir — kod oxunaqlı qalır və kompilyator daha yaxşı optimallaşdırır.

WWDC 2023-ə görə, Apple tətbiqin dizayn sistemi ilə əlaqəli stillər (kartlar, düymələr, giriş sahələri) üçün xüsusi ViewModifier yaratmağı tövsiyə edir. Bu, vahidliyi təmin edir və dizayn dəyişikliklərində texniki xidməti asanlaşdırır.

ViewModifier istifadə nümunələri

Nümunə 1: dizayn sisteminin kapsullaşdırılması. ViewModifier-in ən çox yayılmış istifadə ssenarisi — tətbiqdə vizual stillər üçün vahid həqiqət mənbəyi yaratmaqdır. Dizayn sisteminin hər bir elementi (kart, düymə, başlıq) öz modifikatorunu alır.

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)
    }
}

Nümunə 2: modifikatorun şərti tətbiqi. Bəzən modifikatoru yalnız müəyyən şərtdə tətbiq etmək lazım gəlir. Boolean parametrli ViewModifier bu məntiqi body daxilində kapsullaşdırmağa imkan verir.

Nümunə 3: modifikatorların kompozisiyası. ViewModifier öz body-si daxilində digər ViewModifier-ləri tətbiq edə bilər. Bu, hər biri vizual təqdimatın öz aspektinə cavabdeh olan modifikatorlar iyerarxiyası qurmağa imkan verir. Məsələn, CardStyle daxildə ShadowStyle və BorderStyle tətbiq edə bilər.

Point-Free (2024)-ə görə, ViewModifier vasitəsilə modifikatorların kompozisiyası mirasdan üstündür: hər modifikator bir tapşırığa cavabdehdir və onlar müstəqil birləşdirilə bilər. Bu, SwiftUI-də tək məsuliyyət prinsipinə uyğundur.

Performans və modifikator kompozisiyası

ViewModifier-in performansı hər tətbiqdə yaradılan ModifiedContent qablaşdırmalarının sayından asılıdır. SwiftUI render mərhələsində diffing vasitəsilə modifikator zəncirlərini optimallaşdırır, lakin həddindən artıq modifikator sayı yenilənməni yavaşlada bilər.

Optimallaşdırma: eyni tipli bir neçə ardıcıl modifikatoru (məsələn, bir neçə padding) birinə birləşdirin. PreferenceKey-dən yalnız həqiqətən zəruri olduqda istifadə edin — üstünlükləri oxuyan modifikatorlar əlavə render keçidinə səbəb olur.

Praktik qayda: View-də 10-dan çox modifikator varsa — onların bir hissəsini xüsusi ViewModifier-ə çıxarın. Bu, oxunaqlılığı yaxşılaşdıracaq və SwiftUI-ə yenilənmələri optimallaşdırmağa imkan verəcək. SwiftUI Lab (2024)-ə görə, modifikatorların ViewModifier-də qruplaşdırılması mürəkkəb View-lər üçün render müddətini 15–30% azaldır.