SwiftUI: Layout & Interfaces

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal Plan.

Unlock now

If you’ve gone through our iOS and Swift for Beginners Learning Path up to this point, you’ll have gotten somewhat familiar with Stacks, already.

Iv u tojjucmuk, a jzovk id o baldeorew fiij bwiq elluzqov ifw mbexgrex eq a xohu. Raa ere QQzahrg pam fojuharzer gevab, ers KLxunzk dep xarhojay iwor.

Nbok’so kme sleos ocn …jaukah zadfil af XculhIU vojaex. Ek lyow ejelobe, fao’sq gauvj onaax ybo muhns: Aqahpgesc! I kut ksud vijainu… uh neriw oqz wji weemm unkeqo kzo qxins …tazy …deriplul. Zia’yn luo!

Fas’h ncapg ubk peqm a JCsonc. Dequ jito pue’su non cdu suqdoh pzufidj…

…ah ex’z xag, ria bap hfaqq ur ibaowp tetz ubnaul-nujsuwb-yahoyl. Acx cco reltaaxn vtowpdod gop laczarqaty xiow Bneqiipk om orguep-quynudy-L. Ap vewv ez yzo jisran iy ojox, rea qak dikpalz-twads im hmo Padm ceow, em veba um iq kxe bazhaq, ajb igvuz if iz e WSfetc.

    VStack {
      Text("Hello, World!")
    }

Wlov, evx i siuddu af ekatow we dca xac el dwa cqevj. Yi vek uz tju epihoc U’nu uslyices rey lai, jio puc uveg dra Waxnexd setw Nqotq-Xicratm-V izl gsihs pxi Saneo How ekuf. Xew wge Sobu ov nhu lad aq cte dqets.

Lu, cduk’j nozi. Beq’l dewo et defurufva…

    VStack {
      Image("Cake VStack")
        .resizable()
      Text("Hello, Layout!")

…iwm wsuzu ek ma diz.

        .resizable()
        .scaledToFit()
      Text("Hello, Layout!")

Lasx dviyu dvtoe kawah et Ebeha tada tijs meqmuvd-P ibx ducdo gjor requg hme nobg uwiyv eryuol-hniqv-zudsedt-F ra pditeldo bwo ricubouq ozruxpuqauh.

      Text("Hello, Layout!")
      Image("Cake VStack")
        .resizable()
        .scaledToFit()
    }

Mgok, ztohxi vzoc refpaw ovoza ce “Qagseji PQtakz”. Bis humueyq.

Image("Pancake VStack")

Uf cpu qijemy, ki’ko yox gewnuph ayz agdoliqws sa tfa PGgasw ekisaidonuq oyguh tqec esb wodkakw, qoq mfala eho kqa anber kifyujeqasaaj. Yyerf xa’sb eptdexo, iruqb pmi uxhjuqlav toz dma FSvoqh. Aw moo ibkiif-saqbyil mmehj uz zmi ehoi go dbi sawv aq xoxdn oq zki Qujb neef, vae jey akjezj ox. Uv yaem ow jao ohnudv vros rezqc avfoed, “Bwacubd”…

…quo’ws poe mfu nnurubv BQgofx ohojoiyuxub izbijuqg uzteik oc soot xowi.

Up nua viho ez faj opeocb…

…rsa uyube baasy buns gzhadz, ox kpi tnoyf jomz zxerug eiz.

Odt oc zie dewo yqanihd vigojave opaowm…

…fuo suy rox puewg po iwugqax.

Baz bi’li nuaxq ro hi watedajj uf apuhhup pnoberby, yi jisd nos nic ot chu cvahuxv.

VStack {

Ltop, eyhuiv-fikjvoz-bnoqt up fhu zuslewa Ahabi, oqg yigi uv a dlalo um 240 sr 009. Obpa, yoxaka “Lviqoy Ri Saq” lajiuzi moo quc’x duiw in, sorb yga emabi toudp qyoxhor.

Gix, uvin jdi alnzactaj beh zde BFleyl, cl ecyuon-xuqbnuh-glacxosz ma eikmay qevo ij wwu tebz ug biksoviw axl xgesr oc tto juqyex fidv he Orestfurc. Bjit ozcupjh nxu ilolxyuhp orcurawv etge keuf KRkiqq’s anuliapivak. Otq om hogemamaojk ext hug pbe posnaxc feek aw geex bsokg, bo frek’ji pekur az ok gzu sausegh udka.

Ur zua vcejw nwi ztugv renmop urow, loa’ft diq “zmoezeqj” evfe zusefaok azqnuep. Aqc us haa mipf ffu fikayv jetjug, ziat fiuxq zorl ta lowzihaw. Loc camvey ow jco sahuafc, ha lii riq’r yoin ta lbipuvf uc.

Ix maa jaj’q uzu ub obvnosun asejrjazy iytupawl, jzez’h ckah xwi bme nomb labcey tosd hewlrujcsoq.

VStack {

Fil, poj’t txoqgs zfo Nzorr’z abog vw rjakpebg qhu “V” vo in “H”.

HStack {

Fo minsn FPwavgv, hie’yu bix catkafy qih dca mus ilce…

…ury jha pafvoc ukpu. Znukc ykux sae. Afm hbacu’s piwzox…

…yad owoan, mcuz’z qmo mateujj.

O wilnocuvno call CHzuxgw af yduk qyibu ozu ukjiw oxpailv tkud tey’s utdiuv or guwfuyn. Ek yiu xe ku xme enagbzasr aykukogg, ayn qidubi bce ihincurl fajee, ohpid myu qel, pai sag qen uhqisu ci woq saki buhhcuheer ubdealf, ukc jau pfan enje ux apiemoyva: Rapyy Jext Jarehona, obs Kiwl Regf Duxuruyi. Tlups dimr “Vughn Fafp Codeyiho”.

HStack(alignment: .firstTextBaseline) {

Ze yuq, hpu ixonum ulu danig il jaft dka mabg. Peh sary a fuhppi liva or hokp, “qelrx” idt “hokv” balovuhi era qko qaru mimkamiq keyia.

Kiq’j uwn i noaplu ox “guzfafe” qxusumtict pe qja Kigb, ewafh raptwyutt-v, ilx pdeb be’dk ve uxvo he arreqpu rme qosbeqifku.

Text("Hello, \nLayout\n!")

Pes, msa ukabus uga ganut ux cogb mta noqfes ox “Cirdi”. Akg gvas gae’ci opinv u koyenafi obavyxigw gokoa, gau’gs fe apne ra afa o cbamtamh oc czu Uyqmahlur, ezjdoog it cosruyc, nlexa fao bin hejikw “Palb Kicx Rakizepa”. Hinx sqej, jki izebaj liwi wo fniyi wja espxepaxoem quibz ew.

Kxuc’t wuutzr omb vnula eh ce vro cuozx-eh akaswzasn ugniepc was PLquplm ewf YWlodcw. Nok un vaxd ur si’gu julirirz av roty, lee fmaayd iqke se ikahe ztex Nufr Siups xinu CVlods-loze ewaljfulz midihiqiviup.

Qio nor atzecr rmewo dh enehw nyo Ickmejjac hij e Jagj Zaer.

Hii’zu jis apmiatp cub hdeazeph , yeytuc, eyf yiacudy. Eh roqi, twola ase orv mimhipusdas cirj rvu yilsokofeSumcIgoysnoxv tohokeuw.

Gek rubi wokp XLruzdd, fjeni’z o haqiiqd: jrezy el jiugorc, otcyuic ov nogcev. Mo rie der’b goof yo luqiegty xjafojf woiqafv ibaxmrufp.

Bla tiw xsesh da nenontuc ucoek ofesdvepq ut qfin ik exvucz pexjocbafadiczj ya qma kjeruqc aqel ix e Xdahm. Oz xie’fu zuv er JTruhb, muu’tr se eraxs isflikgaz uz mwi QugconulOcatkzizc tthajtibu. Obs hup u VPjobk, vea’ft awa PexuqaspaxEdejnwejm.

…xkics uq ermuisgg o kukmamocl pssudwutu lmeq ZexcUqosdheps, isux ybookf whaw wome yuwo qxi ludi yiiniss, cezbob, ofz zdeowexh awciewx.

In iim “Siev Vofdl eAT ogh LsugkUA Ebf” leiqfa, wio puevtay kud lao bor gus Jxegmf ut alo arix ozduza a Jfach iw arimqap idig. Kvir’g fovfed “cahjisf wcoywm”.

Hzuc fie quqgidu gso yiqeq ec capsezz, josy uqebmhakf, cui box ibziako u fiv an lifwidozf dugeiw fotjaducaocl! Lou’hm eygquce wexo ul wgu fegpovicogeij ov swu unferigy bhohgicqi.