Udtrækning af genanvendelige views
Opdel brugerfladen i komponerbare underordnede views.
Udtrækning af genanvendelige views er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i SwiftUI Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Hvorfor udtrække visninger?
Når en visnings body bliver lang og gentagende, bliver den svær at læse. Ved at trække dele ud i deres egne visninger bliver koden tydeligere gennem udtrækning. 🧩
En View er bare en struct
Alle SwiftUI-visninger er små structs, der overholder View. At oprette en ny genbrugelig visning er så enkelt som at skrive endnu en struct.
struct AvatarView: View {
var body: some View { Image("me") }
}Flyt et stykke ud
Find en selvstændig blok i din body, og flyt den til sin egen visning. Den overordnede body bliver kortere, og hensigten fremgår med det samme.
Send data med egenskaber
En genbrugelig visning tager input som almindelige gemte egenskaber. Den overordnede visning leverer værdierne, når den opretter den underordnede visning.
struct Badge: View {
let count: Int
var body: some View { Text("\(count)") }
}Genbrug den overalt
Når visningen er trukket ud, kan du indsætte den samme visning mange steder med forskellige data. Én definition, mange anvendelser.
Badge(count: 3)
Badge(count: 12)Standardværdier hjælper
Giv en egenskab en standardværdi, så kaldere kan udelade den. Almindelige tilfælde forbliver korte, mens særlige tilfælde stadig kan tilpasses.
struct Tag: View {
var color: Color = .blue
var body: some View { Capsule().fill(color) }
}Hold visninger fokuserede
En god genbrugelig visning gør én ting. Hvis den jonglerer med mange opgaver, skal du opdele den igen i mindre og tydeligere dele.
Navngiv visninger efter rolle
Navngiv en visning efter det, den repræsenterer, f.eks. ProfileHeader eller PriceTag. Et tydeligt navn fortæller læserne præcis, hvornår de skal bruge den.
Forhåndsvisninger pr. visning
Hver udtrukket visning kan have sin egen forhåndsvisning. Du kan se den isoleret og arbejde videre med den uden at køre hele appen.
#Preview {
Badge(count: 5)
}Kortere bodies, hurtigere ændringer
Korte bodies er nemmere for compileren og for dig. Udtrækning omdanner store bodies til en overskuelig sammensætning af navngivne dele.
Sammensæt, gentag ikke
I stedet for at kopiere og indsætte brugergrænsefladen skal du bygge små visninger og sammensætte dem. Ret en fejl én gang, så forbedres alle skærme, der bruger den.
Hurtigt tjek
Hurtigt tjek af udtrækning af visninger.
Opsummering: Træk ud og genbrug
Flyt gentagen brugergrænseflade ind i fokuserede structs med egenskaber til data. Du får kortere bodies, tydeligere navne og en brugergrænseflade, som du kan rette ét sted. 🧠
Lær Swift med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Udtrækning af genanvendelige views” gratis?
Ja — hele teksten til “Udtrækning af genanvendelige views” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af SwiftUI Academy-kurset, skal du opgradere til CoddyKit PRO. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Udtrækning af genanvendelige views”?
Opdel brugerfladen i komponerbare underordnede views. Du øver dig i SwiftUI Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på SwiftUI Academy?
Der kræves ingen tidligere erfaring. SwiftUI Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “Udtrækning af genanvendelige views”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne SwiftUI Academy-lektion?
Ja. Alle SwiftUI Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Udtrækning af genanvendelige views
- Brugerdefinerede ViewModifiers
- ButtonStyle og LabelStyle
- ViewBuilder og generiske containere