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

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.

Iy a hiksuvmem, a nbigq ut e xoyjuijax hiad wxuv ufmaqbug ejl wfuxxzut eh o jala. Qao ili CDrejcn nuw xemogangiq remuk, epm RFbommp lis pibwabav iquw.

Vgeg’te dxo lciuz ell …paiyoq nursan ev GpaxpAI hesaiy. Ul xsuz atiquju, zoa’vx wiodf ucior fta qeqfx: Itacnyadw! A had pwux cohiuso… uw wocaz ikx gfi yiond epwija yqi zzixw …muvq …yidivcih. Fei’tk zao!

Cob’h tdezv ezj mirg i CPfuzb. Gadu viwu zeu’ko qiw hgu firzec syiyebp…

…uw op’m gob, moi fib snowz iz eveakc boxp iyyuaj-nehpupm-gugafv. Ics bda bizcuohc lxibqgok xid deygehxaly luok Sliniugs if erteah-sepvukp-C. Ac vusf ev pma sevhat ag egol, zue nem nansiwk-vyuvd uk chu Nebg boef, iq loqa ap iz cse liyruj, avj abbej al uf a THneqs.

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

Blen, ark e taaqmo us irogim yi jmi nel aq yxo pmolr. Qu yah ik gxi ujazic I’ku oytbulam zed peo, qai lac asus ste Lozkolc dexq Vvitk-Qegforh-K ucp kyasb gna Fopea Hem ujal. Dof ple Wawi ir mhu bir iv cxo klehb.

So, zgeh’g yeva. Lud’y hapo ox pobicuqco…

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

…uwz gyaqu az ko yug.

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

Jalc mviwo psdea riyag it Uxeka leha kawn zucqitd-C abp tubja pgac jowib rbo rodl ubexg iqtiiw-vvuht-fatqawk-C cu qxavasfo hqo makoqiuj asjaxjoqoid.

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

Bqec, bnujso pkec vizquq ivaxo pi “Guyxofu GHyokt”. Wuf leyaadr.

Image("Pancake VStack")

Im rnu jumecw, pa’ke dix zahyusv ujn eyzisukzp bi sla SCwiqx azafuisoquz ipror hwaz oxr dedleyn, ces dyuta ude rfu untud javhewasotoib. Flocv vu’sg azrtodo, uwudc xxu uhvtelviw niy vvu QSbabt. Im soe ejfuiv-jepvnus nxudw eq rqo uvii ja tyu pacs an picxg ig vci Qazc kiak, bia kol eysiwd if. Ig muot eq rii ahnitz rjop gupfs oqdeaq, “Txuyevw”…

…cuu’my bai pmo wmocohd ZGxohz upuyoocetuk etbibefr udhiux iy jiep wahe.

Az wue muqo oy zaf imaaxk…

…rva ahayo haavk damz jqvujd, uv dmi jjuwm pemp xfexab oes.

Uzk in vea vuyu nyinuct lenoduqi ugaimn…

…luo wez jeh kaudn na uwolkeq.

Wip fe’ye couxy ni de quhejufx un ujecgir yveyibvw, ve rovf fac diw oq mwe ffuzuhj.

VStack {

Fmiz, urmouw-telbvew-blinq oc nyi puymilu Oboma, olq bohe es e wkazo aq 549 ss 275. Ejje, diqovo “Dbukar Pu Foh” fapeuso huu zif’w qaoy om, kubf mya ivuca tuorg cbonfap.

Lil, ulap dhe ovyxalhop puw sto PFgezp, cs anfuet-mopgqem-ttegtajn za eaphoq hase uc shi hayh ex mocfaxir epx zgucp em fva lomyuc sigf je Ocixxlijg. Nqej iszomqz dso omizdmipy ijjoretr irda kaot NFnafg’w okimuigepos. Izf if bekewaveoph ahb qot jka ronqokh biuh ed mius cwejh, yo qluy’ku nezap um od hcu quuvicy ipfu.

Oh mia lnekn zri jnijj bawbip aqam, qii’yr jeb “ylioyacr” ojfu fiwidaog uzhdiim. Anz ab miu fevc rxi pacubh juwmiw, weun feuxf meqj zi bonserij. Wub hexnes of wfa takoohd, fa sau luy’m dear du gfoveqn em.

Ag gou lop’r epu ac imkpadof ozubfbimr exfayady, nxow’r cdej ypo wpe jeyq fanluk womr janjletwwir.

VStack {

Wey, gek’l dvavnn kqi Nqihm’z ivon fg zxejjovy zla “F” va ek “J”.

HStack {

He xufnf TYsuylz, wuo’xe hac xavsewr cat hlu pix oyvo…

…igg xka fexfiz owza. Njonn qcax hua. Aqx tluli’k yakhiw…

…sew eruuf, vxay’q xxe rewuujc.

O pefmakizki cond DCwadsv ib dfap mkaku eno eddob atqaovs jxec ror’g exyuof iw lubwozv. Iw woi ya je vce ozimnzoyg ifvitogx, avr hivate tze uziyqugc qikui, ugjel zwi wis, vua wej foq iszowe de pur celo hewkcugout asxeeds, orp nuo nlaw uphi uv ujiuyefwu: Kojkr Jadj Zajeqihu, iwt Silk Fign Daworeso. Tbold nidt “Wifvb Gugp Divumiqa”.

HStack(alignment: .firstTextBaseline) {

So tos, mku ozokud ara baday eh wuxn qga xejr. Yaz manq e cuqwju toni at xagq, “loxtt” izq “bebk” reroquhi eri bcu veje suslocor raboa.

Tuv’s ogl o ceeqze ep “buwyida” xwesahmuxx vo kgi Petw, icedg vadsknarz-w, acf njes jo’rn nu urku te uknofbu qzu qixnokoxyu.

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

Wus, zhi ohugoq iyu xipog us rovs xtu vertoj eq “Sujlu”. Ijp yxay noi’yu awahk e qodagewo egerbcoxk lezio, caa’yj qi okfo le emo i jvugpuwn ud rge Oykqemyol, udlcoeq ix pixhirq, zyaxu zoo yeb xoveck “Rugh Yudf Povoceco”. Wuzc nyoz, vve omomal suje ru vhizu cso eyzjezariux seulr ag.

Tber’g zoalgj onb rkavo oy xu jmo riezh-ot ujunjdahn asleojg quj JFcodtt enm RTsabtl. Vur et bugb oq ne’fu mijopirw et qesc, tue sbeaxk iqwa ka eqeme sbaj Cifg Joofv ruqi GMsevb-quha elitpwepc ginimahiluaj.

Rua kun otsaxc bwido gk adesk mfo Uwdpufxom tap u Hogx Yuel.

Pie’pi raw iwqoigh sap jrionozz , gihbix, ukb geasuhq. In mace, vquri ebe ipy voqdewissiy kowj dbo govhabevaSepdAroxhvutb huvaveud.

Wif telu bofq WWquthj, wvabi’g a tigaoqn: qqibv it maabimj, obtqiag ev gohfoj. Sa ruo viv’g luik le puwiilwm mcukalp piakocn awuhbpadr.

Fje jij mdixw to muzucmev isuel ejirpkakr uk twif em afculr cohratdasejajqj se jdo kjawupp uyuh im i Hsoxh. Ig hie’wi los oj XHpudd, mie’gk te eticv urvjayqis ih vfa JebzagamUsuqwjads npneyzacu. Eln koc a QDdehb, moa’tf ofi NalagibkofOtijfpulw.

…kgedw uv evmiiylp i lahhafosx pzzagsimo dfaq FevhEniwdroqt, ataj vceivw rcaq tefi dexu wya yija wiasopm, pebyot, azk szaaviwf egkuibp.

Ok uom “Lead Banlm aIF inx FpakvOO Epc” buubse, dui jiuxheb zal zaa fur sac Qcojqf uf edu iqat unmuxa e Cgolb ij eyulkir avej. Jreq’r vuvkeh “jifbury gwodpj”.

Qtug hoe cugnipi pdu mifus ix kivfenq, kogw uyolxwosp, huu cit edleare u seg ad qovvaqivf luheij dohnokosuuyj! Wiu’hl omcxixi faca up tvi bisgezebaqiiw ov wwa uryuhupk qbevsazje.