SwiftUI Academy · Lektion

Indbyggede former

Tegn Rectangle, Circle, Capsule og RoundedRectangle.

Lektion 3 af 413 trin

Indbyggede former er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 3 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.

Former er visninger

SwiftUI giver dig færdige former, som du kan indsætte ligesom enhver anden visning. De tegner sig selv og udfylder den plads, du giver dem. 🔷

Rektanglet

Et Rectangle er den enkleste form: en almindelig kasse. Den udvider sig, så den udfylder den ramme eller beholder, den ligger i.

Rectangle()
    .fill(.blue)
    .frame(width: 120, height: 60)

Cirklen

En Circle tegner altid en perfekt rund form inden for sin ramme. Giv den en kvadratisk ramme for at få en ren og jævn cirkel.

Circle()
    .fill(.green)
    .frame(width: 80, height: 80)

Kapslen

En Capsule er en pilleform med helt afrundede ender. Det er standardformen til mærkater, chips og knapper.

Capsule()
    .fill(.orange)
    .frame(width: 120, height: 44)

RoundedRectangle

En RoundedRectangle er en kasse med blødgjorte hjørner. Indstil hjørneradius for at bestemme, hvor afrundede hjørnerne skal se ud.

RoundedRectangle(cornerRadius: 16)
    .fill(.purple)

Udfyldning af en form

Brug fill til at male en form med en ensfarvet farve eller endda en gradient. Uden en udfyldning tegnes formen med standardudseendet.

Circle()
    .fill(Color.pink.gradient)

Størrelsesangivelse med frame

Former har ingen naturlig størrelse, så pak dem ind i en frame for at angive bredde og højde. Formen vokser, så den passer til den.

Rectangle()
    .frame(width: 100, height: 100)

Ellipse til ovaler

En Ellipse strækker en cirkel, så den passer til sin ramme. I en bred ramme bliver den en jævn oval i stedet for en rund cirkel.

Ellipse()
    .fill(.teal)
    .frame(width: 140, height: 70)

Former som baggrunde

Placér en form bag indholdet med modifikatoren background for at opbygge kort og mærkater. Indholdet ligger pænt ovenpå.

Text("New")
    .padding(8)
    .background(Capsule().fill(.red))

Beskæring til en form

Brug clipShape til at beskære et billede eller en visning til en form. Et kvadratisk foto bliver til en perfekt rund avatar.

Image("avatar")
    .clipShape(Circle())

Former opbygger brugerfladen

Kombineret med udfyldninger og rammer bliver disse former til knapper, kort, mærkater og avatarer. De er dit visuelle værktøjssæt. ✨

Hurtigt tjek

Du vil lave en pilleformet mærkat med helt afrundede ender. Hvilken form passer bedst?

Besvar den i den interaktive lektion

Opsummering: Indbyggede former

Du kan nu tegne Rectangle, Circle, Capsule, RoundedRectangle og Ellipse og derefter udfylde og dimensionere dem. Du gør store fremskridt!

Gratis at komme i gang

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

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “Indbyggede former” gratis?

Ja — hele teksten til “Indbyggede former” 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 “Indbyggede former”?

Tegn Rectangle, Circle, Capsule og RoundedRectangle. 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 3 af 4.

Hvor lang tid tager lektionen “Indbyggede former”?

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

← Tilbage til SwiftUI Academy