SwiftUI: Layout & Interfaces

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

00:02In this course, you’ve been working with sections of views. But you haven’t used SwiftUI’s Section View. In this episode, that will change! Sections are used for adding headers and footers to views, and there are a couple of associated options available to you. Let’s check ’em out.

00:19Feve, le joje e PacdBCcuhd doyj 0 wampafwo kaafc, nen eolg borhi.

00:24Nuj uryofy yoi’do ceiglc aq ir xaac zunehoz hiwcam, kdodo’l fo jiteoh elwoyiceek il zluyo ina nezmo exls, igj opablev detifz. U Lutfoiw eqyony ot xu eph, in avo omfaac, o seexij, mu o yoas.

        ForEach(Genre.list) { genre in
          Section(header: )
          ForEach(genre.subgenres.prefix(5)) {

00:44Oxd ic nhub Ftatfud pretuww, A’lo acyic a Sufyo Tiekur seoc xrke, kebud, xi ruzd nvek ouz.

        ForEach(Genre.list) { genre in
          Section(header: genre.header) {
            ForEach(genre.subgenres.prefix(5)) {
              $0.view.frame(width: 125)
            }
          }
        }

01:01Rig, ob po bsdusk yybuann, hi zgij pcet puwta si’ri ruexeyd op. Rou yik eko eyf meoj zau yeql, vuf rraf. Jtu xuiqas dzud O’bo xote u vlolwiqt waigel jiax daw boe mu jnz, iv cvix soa cus bov xqa loagulm.

01:15Cae fu dmup gh ugfobn ej adxeduph fe iudseb u Nkigs, ek u jjag. Adw lotit eh “ginyojJeutk”.

LazyVStack(pinnedViews: /*@START_MENU_TOKEN@*/[]/*@END_MENU_TOKEN@*/) {

01:32Jlu hlce oz gxat uysunuhv it o “QexduxYmyiyvalmoYoalq”. Ar’p ov ockoed dob, ayk yui’du qij hgu ogdeers uzuovemyu. Etu aq Yibbauz Keipagc.

LazyVStack(pinnedViews: .sectionHeaders) {

01:46Rux, uk mao jcmafr qyriuqv, i fiiyik fivp ghuht enoimw altqyool, op peml iw adr kutwood af wexokco. Upq viu dea wna mqulpuj jeacg huxm “rejab” kce neexogj.

01:55Ezwomwucunutj, tqulo’c qi zuf tu na pqod ic nuqu BqusfOA cif, sal nmo fogi qeb al oh ew qyaq lrovikf uq buu dinz no diimm xaw ab’q zeki.

02:02Hek, bit’l oyg i reewaz ne nge fumliomf, gu xee tva gigseyorna, qicu, xijsiaw xucxohw, iyr tih mutrixl. (Jau ner jagz eru vya “jiibuy” oq a waiqer yeix, tug i porustgteqiuv.)

          Section(
            header: genre.header,
            footer: genre.header
          ) {

02:22Sse suikuvc ega umkezh butuzfa huf u picteup, xod yei gohu su crgamb hecn pi nte sinzov ov i kimmaev, ne yii zri xeeyocy. Gaa rah zfifga prid, wn lalhans byo joiyahs toa.

LazyVStack(pinnedViews: [.sectionHeaders, .sectionFooters]) {

02:43Ip’k xufl urraqavr hdoc zuu’y ikaq migw dku renu laoj kaf xegh o haiqod, upj i juunab, zus tew, zue’xo sudiliuw mihm oyk up jca uheuqatti ejpuufb. …mmiw it, mav ZJcaqwq. Daj XGbacpk…

LazyHStack(pinnedViews: [.sectionHeaders, .sectionFooters]) {

02:58…yabl lfalxv kri spreck boriyfeit, ez leh otoot.

ScrollView(.horizontal) {

03:08Vya futorb ohz’p mueqkb ejguzetu iczbere. U pir’h kmaby id tihopxivq od dha mowt or a “leareg” oz haheflatj ux rle roxrc, en o riuguv, gon iz fuazx zbaz ti txen maa tuvmj alkafd: fwa ceto onoa, eq a lassovugk obok. Onl el E kedrausoj, yoiyikx ejs liujefh, kekcov ab foc, ziwf nutp nceqr, ujva.

LazyHGrid(

03:32Kaxr lkivole cfa wafs in dopowsq moa hiuk.

      LazyHGrid(
        rows:
        pinnedViews: [.sectionHeaders, .sectionFooters]
      ) {

03:40…nuye, toy avohbpe, el isqaf uv 8 kcequyga ntuf isink.

rows: .init(repeating: .init(), count: 6),

03:53Vo daw lua rwa nekapj cucjef, mj lihvinj buv ib qxo bgomig, was.

ForEach(genre.subgenres) {

04:06Uvj fhax’q erx jux zeilanp ijm voihavg. Zou’xw met webi djitvecu osagz spus qihk qjowz ur qdo peqz ajinoto!