SwiftUI Academy · leksjon

Egendefinerte ViewModifiers

Samle kjeder av modifikatorer i én modifikator.

Leksjon 2 av 413 trinn

Egendefinerte ViewModifiers er en gratis leksjon i SwiftUI Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i SwiftUI Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i SwiftUI Academy inneholder totalt 4 leksjoner.

Modifikatorer De bruker ofte

De kjeder stadig sammen den samme utfyllingen, bakgrunnen og hjørneradiusen. En egendefinert ViewModifier samler denne kjeden i ett gjenbrukbart trinn. ✨

Protokollen ViewModifier

En egendefinert modifikator er en struct som samsvarer med ViewModifier. Body-en pakker det innkommende innholdet inn med den stilen De ønsker.

struct CardStyle: ViewModifier {
    func body(content: Content) -> some View {
        content.padding()
    }
}

Parameteren content

Inne i body mottar De den opprinnelige visningen som content. De returnerer en ny visning som dekorerer den, uten å erstatte det den viser.

Bruke med .modifier

Knytt modifikatoren til en hvilken som helst visning med metoden .modifier. Det samme utseendet brukes nå med ett enkelt og lesbart kall.

Text("Hi").modifier(CardStyle())

Pakke den inn i en extension

Det er tungvint å kalle .modifier(CardStyle()). Legg til en View extension, slik at stilen leses som en innebygd modifikator.

extension View {
    func cardStyle() -> some View {
        modifier(CardStyle())
    }
}

Nå leses den ryddig

Med extension-en føles bruken naturlig. Ett metodenavn bærer hele stilkjeden.

Text("Hi").cardStyle()

Legge til parametere

Gi modifikatoren lagrede egenskaper slik at den som kaller den, kan finjustere den. Send dem også videre gjennom extension-metoden.

struct CardStyle: ViewModifier {
    var color: Color
    func body(content: Content) -> some View {
        content.background(color)
    }
}

Kombinere mange modifikatorer

En egendefinert modifikator kan kjede sammen flere innebygde modifikatorer. De samler en hel designoppskrift bak ett enkelt navn.

content.padding().background(.gray).cornerRadius(12)

Konsistens i hele appen

Når alle kort bruker den samme modifikatoren, forblir brukergrensesnittet konsistent. Oppdater modifikatoren én gang, så følger hele appen etter.

Modifikator kontra uttrekt visning

Bruk en modifikator for å endre stilen på innhold; bruk en uttrekt visning for et fast oppsett. Modifikatorer dekorerer, mens visninger definerer strukturen.

Rekkefølgen betyr fortsatt noe

Inne i body fungerer modifikatorenes rekkefølge som vanlig. Bakgrunn før utfylling er forskjellig fra utfylling før bakgrunn, så ordne dem nøye.

Hurtigsjekk

Hurtigsjekk av egendefinerte modifikatorer.

Besvar den i den interaktive leksjonen

Oppsummering: Samle stilen

En ViewModifier samler en stilkjede i ett gjenbrukbart trinn, og en View extension gir den ryddig punktnotasjon. Definer stilen én gang, og bruk den overalt. 🧠

Gratis å komme i gang

Lær deg Swift med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 30
Leksjoner: 120

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Egendefinerte ViewModifiers» gratis?

Ja – hele teksten i «Egendefinerte ViewModifiers» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av SwiftUI Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i SwiftUI Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Egendefinerte ViewModifiers»?

Samle kjeder av modifikatorer i én modifikator. Du øver på SwiftUI Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med SwiftUI Academy?

Ingen tidligere erfaring er nødvendig. SwiftUI Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.

Hvor lang tid tar leksjonen «Egendefinerte ViewModifiers»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne SwiftUI Academy-leksjonen?

Ja. Alle SwiftUI Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til SwiftUI Academy