SwiftUI Academy · Lektion

Växla synlighet med tillstånd

Visa eller dölj vyer med ett booleskt tillstånd.

Lektion 4 av 413 steg

Växla synlighet med tillstånd är en gratis lektion i SwiftUI Academy på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för SwiftUI Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i SwiftUI Academy innehåller totalt 4 lektioner.

Visa och dölj på begäran

Ett booleskt @State-värde kan avgöra om en vy är synlig. Ändra det så visar eller döljer SwiftUI innehållet åt dig. 👀

@State private var isVisible = false

Villkorsstyrda vyer

Inuti body kan du använda en vanlig if-sats. När villkoret är sant inkluderar SwiftUI vyn, och när det är falskt utelämnar SwiftUI den.

if isVisible {
    Text("Now you see me")
}

En knapp för att växla

Växla det booleska värdet från en knappåtgärd. Den lilla metoden toggle() växlar mellan true och false.

Button("Toggle") {
    isVisible.toggle()
}

Koppla ihop delarna

Kombinera knappen och den villkorsstyrda Text-vyn i en VStack. När du trycker visas eller döljs meddelandet medan state ändras.

VStack {
    Button("Toggle") { isVisible.toggle() }
    if isVisible { Text("Hello") }
}

Hela vyn

Här är den kompletta vyn: ett booleskt värde, en knapp och en villkorsstyrt visad Text.

struct PeekView: View {
    @State private var isVisible = false
    var body: some View {
        VStack {
            Button("Toggle") { isVisible.toggle() }
            if isVisible { Text("Hello") }
        }
    }
}

Växla etikettens text

Du kan också styra en etikett med samma booleska värde, så att knappen visar Show eller Hide beroende på aktuellt state.

Button(isVisible ? "Hide" : "Show") {
    isVisible.toggle()
}

Dold kontra borttagen

En if-sats tar verkligen bort vyn från layouten. Andra vyer flyttas för att fylla utrymmet, till skillnad från när något bara görs genomskinligt.

Behåll utrymmet med opacity

Om du vill att en vy ska försvinna men behålla sin plats ändrar du dess opacity i stället för att ta bort den med en if-sats.

Text("Hi").opacity(isVisible ? 1 : 0)

Koppla den till en Toggle-kontroll

En SwiftUI-Toggle-kontroll binds direkt till det booleska värdet och ger användaren ett reglage som växlar ditt state utan en anpassad knapp.

Toggle("Show details", isOn: $isVisible)

Ett booleskt värde, många reaktioner

Samma state-värde kan styra flera vyer samtidigt. Ändra det på ett ställe så reagerar alla beroende vyer tillsammans.

En mjukare visning

Om du omsluter ändringen med withAnimation tonas visningen eller döljningen in på ett snyggt sätt. State tillsammans med lite animering ger ett välpolerat resultat.

withAnimation { isVisible.toggle() }

Snabb kontroll

Hur får du en Text att visas endast när ett booleskt state-värde är true?

Besvara frågan i den interaktiva lektionen

Sammanfattning

Ett booleskt @State tillsammans med if (eller opacity) låter dig visa och dölja vyer. Växla det med toggle så ritar SwiftUI om gränssnittet. 🔀

Gratis att börja

Lär dig Swift med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 30
Lektioner: 120

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Växla synlighet med tillstånd” gratis?

Ja – hela texten till ”Växla synlighet med tillstånd” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i SwiftUI Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i SwiftUI Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Växla synlighet med tillstånd”?

Visa eller dölj vyer med ett booleskt tillstånd. Ni övar på SwiftUI Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig SwiftUI Academy?

Du behöver inga förkunskaper. Utbildningen i SwiftUI Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.

Hur lång tid tar lektionen ”Växla synlighet med tillstånd”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här SwiftUI Academy-lektionen?

Ja. Varje SwiftUI Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till SwiftUI Academy