Swift Academy · Oppitunti

Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet

Sisäänrakennettujen muokkaimien käyttäminen ja uudelleenkäytettävien ViewModifier-tyyppien luominen.

Oppitunti 3/412 vaihetta

Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet on ilmainen Swift Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/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

Näkymämuokkaimet muokkaavat näkymiä — ne muuttavat fonttia, väriä, täytteitä, animaatioita ja paljon muuta. Niitä voi ketjuttaa, ja voitte luoda uudelleenkäytettäviä mukautettuja muokkaimia.

Sisäänrakennetut muokkaimet

```swift Text("Hello") .font(.title) .foregroundColor(.blue) .padding() .background(Color.yellow) .cornerRadius(8) ```

Muokkainten ketjutusjärjestyksellä on merkitystä

```swift Text("Hi") .padding() .background(Color.red) // red covers padding area Text("Hi") .background(Color.red) // red only covers text .padding() ```

Mukautettu ViewModifier

```swift struct CardStyle: ViewModifier { func body(content: Content) -> some View { content .padding() .background(Color.white) .cornerRadius(10) .shadow(radius: 4) } } extension View { func cardStyle() -> some View { modifier(CardStyle()) } } Text("Card").cardStyle() ```

Ehdolliset muokkaimet

```swift Text("Status") .foregroundColor(isError ? .red : .primary) // Or with .modifier: text.modifier(isLarge ? LargeStyle() : SmallStyle()) ```

Ympäristömuokkaimet

Jotkin muokkaimet välittyvät jälkeläisnäkymille: ```swift VStack { Text("One") Text("Two") } .font(.headline) // applies to ALL Text children ```

Parametrisoidut muokkaimet

```swift struct Bordered: ViewModifier { var color: Color func body(content: Content) -> some View { content.overlay(RoundedRectangle(cornerRadius:8).stroke(color,lineWidth:2)) } } Text("Hi").modifier(Bordered(color:.blue)) ```

Siirtymämuokkain

```swift if show { Text("Appeared") .transition(.slide) // custom appear/disappear animation } ```

.onAppear ja .onDisappear

```swift Text("Hello") .onAppear { print("Appeared") } .onDisappear { print("Disappeared") } ```

Saavutettavuusmuokkaimet

```swift Image("logo") .accessibilityLabel("Company Logo") .accessibilityAddTraits(.isImage) ```

Pikatarkistus

Minkä protokollan mukautetun näkymämuokkaimen on toteutettava?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Keskeiset opit: • Ketjuttakaa muokkaimia ulkoasun koostamiseksi • Järjestyksellä on merkitystä — kukin muokkain ympäröi edellisen tuloksen • Käyttäkää `ViewModifier`-protokollaa uudelleenkäytettäville muokkaimille • Ympäristömuokkaimet välittyvät alinäkyville • Laajentakaa `View`-tyyppiä `.myModifier()`-kutsukohdan käytön helpottamiseksi Seuraavaksi: esikatselut.

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 ”Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Swift Academy-oppimispolun 3 oppituntia, myös oppitunnin “Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet”. 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 ”Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet”?

Sisäänrakennettujen muokkaimien käyttäminen ja uudelleenkäytettävien ViewModifier-tyyppien luominen. 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 3/4.

Kuinka kauan ”Näkymämuokkaimet: ketjutus ja mukautetut muokkaimet”-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