Rader med HStack
Plasser visninger ved siden av hverandre vannrett.
Rader med HStack 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.
Horisontalt
Noen ganger hører visninger sammen side ved side, ikke stablet nedover. Da bruker du den horisontale søsteren til VStack. ➡️
Møt HStack
En HStack ordner de underordnede visningene vannrett, fra venstre mot høyre. Den passer perfekt for rader, for eksempel et ikon ved siden av en etikett.
Din første HStack
Plasser visninger innenfor klammene til HStack, så stilles de opp bortover på skjermen i den rekkefølgen du skrev dem.
HStack {
Text("Left")
Text("Right")
}Rekkefølge fra venstre mot høyre
I en HStack ligger den første underordnede visningen ved den ledende kanten, og de påfølgende visningene fortsetter mot den avsluttende kanten. Koderekkefølgen er rekkefølgen fra venstre mot høyre.
Ikon pluss etikett
En klassisk HStack kobler en Image sammen med en Text, slik at et ikon og bildeteksten holder seg på én linje, som en rad i en innstillingsskjerm.
HStack {
Image(systemName: "bell")
Text("Alerts")
}Sentrert vertikalt
Som standard justerer en HStack de underordnede visningene etter det vertikale midten, slik at et høyt bilde og en kort tekst stilles pent opp langs midtlinjene.
HStack tilpasser seg innholdet
Akkurat som VStack krymper en HStack slik at den passer til de underordnede visningene, i stedet for å fylle hele bredden. Den tar bare den plassen den trenger.
Kombinere HStack og VStack
Legg en HStack inni en VStack for å lage et kort: en tittelrad øverst og en detaljrad under. Ved å blande begge retningene kan du lage virkelige oppsett.
VStack {
Text("Title")
HStack {
Text("A")
Text("B")
}
}HStack er en visning
En HStack er også en visning, så modifikatorer som padding eller background gjelder for hele raden samtidig, som én enkelt blokk.
Rader med blandet innhold
En HStack kan uten problemer inneholde ulike visningstyper sammen, for eksempel et tall, en etikett og en knapp på samme vannrette linje.
HStack {
Text("42")
Button("Add") { }
}Når bør du bruke HStack?
Bruk en HStack når innholdet skal leses fra venstre mot høyre: en etikett og en verdi, en verktøylinje med knapper eller en avatar ved siden av et navn.
Hurtigsjekk
La oss bekrefte hvordan HStack ordner innholdet.
Oppsummering: Vannrette rader
Flott fremgang! En HStack stiller visninger opp fra venstre mot høyre, sentrerer dem vertikalt og fungerer utmerket sammen med VStack for å lage kort og rader. 🙌
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
Ofte stilte spørsmål
Er leksjonen «Rader med HStack» gratis?
Ja – hele teksten i «Rader med HStack» 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 «Rader med HStack»?
Plasser visninger ved siden av hverandre vannrett. 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 «Rader med HStack»?
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.