SwiftUI Academy · Lektion

Canvas för direktförhandsvisning

Använd Xcode-förhandsvisningar för att se ändringar i användargränssnittet direkt.

Lektion 3 av 413 steg

Canvas för direktförhandsvisning är en gratis lektion i SwiftUI Academy på CoddyKit. Detta är lektion 3 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.

Möt canvas

Bredvid koden visar Xcode en canvas som återger vyn direkt. Du ser gränssnittet utan att någonsin behöva bygga och starta hela appen. 👀

Visa eller dölj den

Om canvas saknas öppnar du menyn Editor och aktiverar Canvas. Den visas till höger, bredvid Swift-koden.

Blocket #Preview

Ett litet #Preview-block längst ned i filen talar om för canvas vad som ska återges. Mallen lägger automatiskt till ett för ContentView.

#Preview {
    ContentView()
}

Direkta uppdateringar

Ändra koden så uppdateras canvas nästan omedelbart. Den här loopen med live update är det som får SwiftUI att kännas snabbt och lekfullt. ⚡

Prova en ändring

Ändra texten i Text-vyn och se hur canvas ändras medan du skriver. Att se resultatet direkt gör det tryggt och roligt att experimentera.

Text("Hello, SwiftUI!")

Återuppta förhandsvisningen

Ibland pausar canvas och visar en knapp med texten Resume. Klicka på den för att starta om förhandsvisningen efter en ändring som inte kunde tillämpas direkt.

Interaktivt läge

Det spelliknande live mode låter dig trycka och rulla direkt i canvas. Du kan testa knappar och gester utan en simulator.

Förhandsvisningsenheter

Du kan rikta en förhandsvisning mot en specifik device, till exempel en iPhone SE. Då kan du kontrollera hur layouten ser ut på mindre skärmar.

Flera förhandsvisningar

Lägg till fler än ett #Preview-block för att jämföra tillstånd sida vid sida, till exempel ljust läge bredvid mörkt läge samtidigt.

Förhandsvisningar skickas inte med

Förhandsvisningskod är endast till för development. Den skickas aldrig med till användarna, så fyll gärna förhandsvisningarna med exempeldata.

Snabbare än att bygga

Canvas är mycket snabbare än en fullständig build. Använd den som din huvudsakliga loop när du utformar appen och använd simulator först när du behöver göra mer omfattande tester.

Snabb kontroll

Vilket block i filen talar om för canvas vad som ska återges?

Besvara frågan i den interaktiva lektionen

Sammanfattning

Canvas återger vyn direkt via ett #Preview-block och uppdateras medan du skriver. Det är ditt snabbaste sätt att utforma och iterera. 🎨

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 ”Canvas för direktförhandsvisning” gratis?

Ja – hela texten till ”Canvas för direktförhandsvisning” 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 ”Canvas för direktförhandsvisning”?

Använd Xcode-förhandsvisningar för att se ändringar i användargränssnittet direkt. 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 3 av 4.

Hur lång tid tar lektionen ”Canvas för direktförhandsvisning”?

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