Swift Academy · Oppitunti

GeometryReader mukautuviin asetteluihin

Vanhemman geometrian lukeminen suhteellisten ja laitteeseen mukautuvien käyttöliittymien rakentamista varten.

Oppitunti 4/412 vaihetta

GeometryReader mukautuviin asetteluihin 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

`GeometryReader` lukee ylätason tarjoaman käytettävissä olevan koon, joten voitte rakentaa näyttöön tai säiliön mittoihin suhteutettuja asetteluja.

Peruskäyttö

```swift GeometryReader { geo in Text("Width: \(Int(geo.size.width))") .frame(width: geo.size.width * 0.8) } ```

GeometryProxy-ominaisuudet

`GeometryProxy` tarjoaa seuraavat tiedot: • `size: CGSize` — käytettävissä oleva leveys ja korkeus • `safeAreaInsets: EdgeInsets` — järjestelmän turva-alue • `frame(in:)` — kehys tietyssä koordinaatistossa

Suhteellinen koon määritys

```swift GeometryReader { geo in HStack(spacing: 0) { Color.blue.frame(width: geo.size.width * 0.6) Color.green } } ```

Koordinaatistot

```swift GeometryReader { outer in VStack { GeometryReader { inner in let f = inner.frame(in: .named("outer")) Text("y: \(Int(f.minY))") } } } .coordinateSpace(name: "outer") ```

Turva-alue

```swift GeometryReader { geo in VStack { Spacer() Text("Bottom safe: \(Int(geo.safeAreaInsets.bottom))") .padding(.bottom, geo.safeAreaInsets.bottom) } } ```

Parallaksivieritystehoste

```swift ScrollView { ForEach(items) { item in GeometryReader { geo in let offset = geo.frame(in: .global).minY Image(item.image).offset(y: offset * 0.3) } } } ```

Asettelyn välittäminen PreferenceKey-avaimilla

```swift struct HeightKey: PreferenceKey { static var defaultValue: CGFloat = 0 static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) { value = max(value, nextValue()) } } ``` Näiden avulla lapsinäkymien koot voidaan välittää näkymähierarkiassa ylöspäin.

Milloin GeometryReaderiä kannattaa välttää

`GeometryReader` täyttää oletusarvoisesti kaiken käytettävissä olevan tilan — se voi rikkoa asettelun, jos sitä käytetään huolimattomasti. Suosikaa mahdollisuuksien mukaan `.frame(maxWidth:.infinity)`-määritystä ja joustavia pinoja.

Vaihtoehto: Layout-protokolla

Swift 5.7 toi käyttöön `Layout`-protokollan, jonka avulla voitte toteuttaa täysin mukautettuja asettelualgoritmeja ilman GeometryReaderin aiheuttamaa ylimääräistä kuormaa.

Pikatarkistus

Mitä `GeometryProxy.size` sisältää?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Tärkeimmät asiat: • `GeometryReader { geo in }` lukee ylätason tarjoaman koon • `geo.size` — leveys ja korkeus; `geo.safeAreaInsets` — järjestelmän sisäreunukset • `frame(in:)` — sijainti nimetyssä tai globaalissa koordinaatistossa • Käyttäkää PreferenceKey-avaimia kokojen välittämiseen ylöspäin • Suosikaa joustavia asetteluja GeometryReaderin sijaan aina kun mahdollista Kurssi on suoritettu! Seuraavaksi: SwiftUI Data Flow.

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 ”GeometryReader mukautuviin asetteluihin” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Swift Academy-oppimispolun 3 oppituntia, myös oppitunnin “GeometryReader mukautuviin asetteluihin”. 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 ”GeometryReader mukautuviin asetteluihin”?

Vanhemman geometrian lukeminen suhteellisten ja laitteeseen mukautuvien käyttöliittymien rakentamista varten. 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 ”GeometryReader mukautuviin asetteluihin”-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

← Takaisin: Swift Academy