Swift Academy · Oppitunti

Esikatselut ja Preview Provider

#Preview- ja PreviewProvider-ominaisuuksien käyttäminen muutosten tarkasteluun heti Xcodessa.

Oppitunti 4/412 vaihetta

Esikatselut ja Preview Provider on ilmainen Swift Academy-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Swift Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Swift Academy-kurssilla on yhteensä 4 oppituntia.

Tervetuloa

Xcode-esikatselujen avulla näette SwiftUI-muutokset heti ilman simulaattorin käynnistämistä. Ne määritellään `#Preview`-makrolla (Swift 5.9+) tai `PreviewProvider`-protokollalla.

#Preview-makro (Swift 5.9+)

```swift #Preview { ContentView() } ``` Yksinkertaisin esikatselumäärittely — vain yksi rivi. Xcode piirtää sen kanvaasiin.

PreviewProvider (vanhempi tapa)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

Useita esikatseluja

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

Esimerkkidatan tarjoaminen

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

Ympäristö esikatseluissa

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

@EnvironmentObject esikatseluissa

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

Esikatselun suorituskykyvinkit

• Esikatselut suoritetaan erillisessä prosessissa • Pitäkää esikatseludata kevyenä • Poimikaa esikatselukohtainen data `extension PreviewProvider` -laajennukseen • Välttäkää verkkokutsuja esikatselukoodissa

Live-esikatselut

Ottakaa Live Preview käyttöön napsauttamalla esikatselukanvaasin ▶-painiketta — kyseessä on interaktiivinen tila, jossa painikkeiden napsautukset ja tekstikenttien syötteet toimivat reaaliajassa.

Pikatarkistus

Millä Swift 5.9+:n makrolla luodaan SwiftUI-esikatselu?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Keskeiset opit: • `#Preview { }` — Swift 5.9+:n yhden rivin esikatselu • `PreviewProvider` — vanhempi protokollapohjainen tapa • Useita esikatseluja eri nimillä, laitteilla ja väriteemoilla • Lisätkää ympäristö ja environmentObject esikatseluihin • Live-esikatselut mahdollistavat interaktiivisen testaamisen ilman sovelluksen käynnistämistä Kurssi on suoritettu! Seuraavaksi: SwiftUI-asettelu.

Aloita maksutta

Opi Swift tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 122
Oppitunnit: 409

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Esikatselut ja Preview Provider” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Swift Academy-oppimispolun 3 oppituntia, myös oppitunnin “Esikatselut ja Preview Provider”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Swift Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Esikatselut ja Preview Provider”?

#Preview- ja PreviewProvider-ominaisuuksien käyttäminen muutosten tarkasteluun heti Xcodessa. Harjoittelet Swift Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Swift Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Swift Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.

Kuinka kauan ”Esikatselut ja Preview Provider”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Swift Academy-oppitunnilla?

Kyllä. Jokainen Swift Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

View-protokolla ja Body-ominaisuus
@State: näkymien paikallinen muuttuva tila
Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet
Esikatselut ja Preview Provider

← Takaisin: Swift Academy