Swift Academy · Oppitunti

Alinäkymien mittaaminen

Kysy alinäkymien koot asettelun aikana.

Oppitunti 2/413 vaihetta

Alinäkymien mittaaminen on ilmainen Swift Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/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.

Mittaaminen ohjaa asettelua

Ennen kuin voitte sijoittaa lapset, teidän on mitattava ne. SwiftUI-asettelu on neuvottelua: ylempi näkymä ehdottaa kokoja, lapset vastaavat ja te sovitatte vastaukset yhteen.

Alinäkymän koon kysyminen

Kukin Subviews-kokoelman välitysolio vastaa sizeThatFits(_:)-kutsuun tietyn kokoehdotuksen perusteella. Välitysolio palauttaa koon, jonka lapsi ottaisi kyseisen ehdotuksen mukaisesti.

let size = subview.sizeThatFits(.unspecified)

Kolme mittausehdotusta

Selvittäkää lapsen joustavuus tutkimalla sitä kolmella tavalla: .zero paljastaa vähimmäiskoon, .infinity enimmäiskoon ja .unspecified ihannekoon.

let minSize = subview.sizeThatFits(.zero)
let maxSize = subview.sizeThatFits(.infinity)
let ideal = subview.sizeThatFits(.unspecified)

Tietyn leveyden ehdottaminen

Rivittävää tekstiä varten ehdottakaa konkreettista leveyttä ja jättäkää korkeus arvoksi nil. Lapsi ilmoittaa, kuinka paljon korkeutta se tarvitsee kyseisellä leveydellä.

let proposal = ProposedViewSize(width: 200, height: nil)
let fit = subview.sizeThatFits(proposal)

Asettelun prioriteetti

Jokainen alinäkymä tarjoaa priority-arvon, joka asetetaan määritteellä .layoutPriority. Kun tilaa on vähän, suuremman prioriteetin alinäkymille annetaan ensin niiden ihannekoko.

for subview in subviews {
    let p = subview.priority
    // distribute space to higher priority first
}

Mukautettujen arvojen lukeminen

Alinäkymät voivat sisältää tyypitettyä dataa LayoutValueKey-avaimen avulla. Asettelu lukee arvon subview[MyKey.self] vaikuttaakseen sijoitteluun, esimerkiksi määrittääkseen elementtikohtaisen välin.

private struct RankKey: LayoutValueKey {
    static let defaultValue: Int = 0
}
let rank = subviews[0][RankKey.self]

Asettelu-arvon määrittäminen

Näkymä määrittää asettelu-arvonsa määritteellä layoutValue(key:value:), jolloin alinäkymät voivat välittää vihjeitä asettelulle.

Text("Featured").layoutValue(key: RankKey.self, value: 10)

Alinäkymien välit

Alinäkymät tarjoavat spacing-asetuksia. Käyttäkää subview.spacing.distance(to:along:)-metodia saadaksenne suositellun välin kahden vierekkäisen lapsinäkymän välillä tietyn akselin suunnassa.

let gap = subviews[0].spacing.distance(
    to: subviews[1].spacing, along: .horizontal)

Kokojen yhteenlaskeminen

Vaakasuora asettelu laskee lapsinäkymien leveydet yhteen ja käyttää korkeimpana korkeutena suurinta lapsikorkeutta. Kun mittaatte kaikki lapsinäkymät ensin, voitte laskea säilön koon ennen kuin sijoitatte mitään.

let sizes = subviews.map { $0.sizeThatFits(.unspecified) }
let totalWidth = sizes.reduce(0) { $0 + $1.width }
let maxHeight = sizes.map(\.height).max() ?? 0

Uudelleenmittaus sijoittelun aikana

Metodissa placeSubviews teidän on mitattava näkymät uudelleen tai käytettävä välimuistiin tallennettuja kokoja, jotta sijainnit vastaavat ilmoittamaanne kokoa. Mittaukset ovat edullisia välityskutsuja eivätkä todellisia piirto-operaatioita.

func placeSubviews(in bounds: CGRect, proposal: ProposedViewSize, subviews: Subviews, cache: inout ()) {
    for s in subviews {
        let size = s.sizeThatFits(.unspecified)
        // use size to position s
        _ = size
    }
}

Ylätason ehdotuksen noudattaminen

Noudattakaa aina saamaanne ehdotusta. Jos ylätaso ehdottaa kiinteää leveyttä, sijoittakaa lapsinäkymät sen sisälle. Älkää ylittäkö rajoja huomaamatta, sillä muuten asettelu leikkautuu.

let containerWidth = proposal.width ?? .infinity

Pikatesti: mittaaminen

Testatkaa ymmärrystänne alinäkymien mittaamisesta.

Vastaa interaktiivisessa oppitunnissa

Kertaus: alinäkymien mittaaminen

Mittaaminen on mukautetun asettelun ydin. Tutkikaa lapsinäkymiä arvoilla .zero, .infinity ja .unspecified saadaksenne selville pienimmät, suurimmat ja ihanteelliset koot, ehdottakaa konkreettisia leveyksiä rivittyvälle sisällölle ja noudattakaa asettelun prioriteettia sekä väliasetuksia.

Mukautetut LayoutValueKey-arvot mahdollistavat vihjeiden välittämisen lapsinäkymiltä. Mitatkaa näkymät johdonmukaisesti molemmissa protokollametodeissa, jotta ilmoitettu koko ja sijoittelu vastaavat aina toisiaan.

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 ”Alinäkymien mittaaminen” ilmainen?

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

Kysy alinäkymien koot asettelun aikana. 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 2/4.

Kuinka kauan ”Alinäkymien mittaaminen”-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