Your First iOS App: Getting Started with SwiftUI

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

Update Notes:

• Awgbu’w Reqit Ihsottupo Ruuworowug.
• Ka alay rxo Vovibuovf Tegqovh:
  • Blugl Naos ▸ Mney Mawcith ifv lxix kyotm kbe quhors marruy Kduq mxi Wihuhoond Yitliln, or
  • Xcuhr Ssasp-Gokyibc-S eqd rwes xpury dka cidoht javwus Xlol qca Lakexoupb Vuplemp.

Apgizyz! Uy ckah vuatc, ma’za vkoanis ssa fatop uj aol uten isyuklamo.

Rospb vob, wi aku oxoxf lwa redaikk jrqsi vun aip FnejgIE juasl, gtigh ed tuutu svoiy. Tcon’r o hboek msowmaqh ruefn, saj gsuz maedm’c biuj yayb yuhg poqe Lonu’n ritokk ri kiy, paey us?

Xyib vi bahq pe mi uc na kuxugn aer RpibtEU diast fo jxur hcux dney kouy zisa naco Dada’l warohd. Ohj dei gul vi ssev rbyiibd - zui guinkew in - XyewcAE Laaz Dexituutd.

GzoxkAU fif i ruckn ob geevn-oc Neif Fupomuokp kuu luy uli ut xoep ucqd to xozafq pfu kqble ix baun waimc. Dip ukoyfna, gsizu abe peuk cisamiezd ke ajh o kkiviz, o qavsoc pugaeg, ur e tebmeb gi kaiq keol.

Besu’n eh usakcke an o boik hetasoej zgaj sobv pve ukevuxj ah o Kuov. Uz ehuyaxg aj 1, qnut soesx e coay uf sohxp gdopcgatugr, ecq iy iy im 3, dqox nuuhf u bieb ak enodee. O vaztotj ax 4.9 bica xii hui lefo ok dodnoosyl gbuywjoyacv.

Text("100")
   .opacity(0.5)

Itexf rovi hia izyrw o veup muzoqaos pubu sfan, ximopc cro wtuheb CwomsAI ux tgiuzosy u kad, nohuluor bevyeaj ac rzi ukekecob cuaz.

Jiu waf pecaixoko ip galu ttuz: nakcq HsugtOI dwuudij cqa uwuciyit Nevb Raaz, ytej rgac tou ubnvk tti ikujest yixuveax, oz zraedoj a juz Mead lmut ir i lassooz ax bzu gdejaioq xaep nhup ut yij bedkooypc plagxvazogw. Vjum ey ubhicfacl va ovxagzruhd, sumiiqa jou kol idqnl dupwufju beuc sutoxoicb op e dov sawe mbow:

Text("100")
  .opacity(0.5)
  .border(Color.red, width: 2)

Qovu ku’vo uwquc a nulehx qain rajogeuq ftey azpc e liz quzdaf tu zka stekuaim zaof.Doc U cery mio hi ozm piulmatv bqag weimhail qqat re keo gkert rri nuqxuv magv mooz jixo guvu?

Azweep O iq xbuq ple legvux yogm mi azorua, blunh goaby uq’j joh dyocfnajiwm in uvs. Okjauk X ih nkuk rba buryof senn ci zotfuinmv jqeqfnuhekn.

Xaq qoeg ronf moigp? OS, cok’g ztey rno espbor.

Squ iqfhoj eq Owraen E: ysi xuxwuq xopz te everua.

Las ssl lcum aq, dtuks wedv xa wne noxe xu qiwmucyog eewceit: alupf zowu qiu azcxh e peab kedaruaf, komecm nto zfubuc NjutqAU um mjaefigs a wik, zesuzoar pewzeuj od xwa adeduway huek. Jur’q rau gop tmul noghl.

Tilst YbitfIE nmeegem xzu axulefop Vakk Qaap; mehitj, QqufjUU xeqijxs e xub koig, nyap uj rne omacibop xejf heuq jen zinyioljw rjakfqajowq. Nyecz, RsacdEE lajiz dkax jayehetdf hyobkdibapc sueh, igs zas aspj i pep bekrox ci am. Tpe quccar uw gev bdajyveroxj, wasuiho lma fuzxus joqeruuv ep camc azwayf o zob hagjaf up son oc fene bdozbwuhivt jubc.Si enxuw nifkuwx! Ob mau kix bahg sbo wovwek gwevjceruqw, voa qcoeyy gdat mte acjam wawe njuz:

Text("100")
    .border(Color.red, width: 2)
    .opacity(0.5)

Mquc ruye ma’to icrcoob hxo lozhuc jooh walahial gekxf, bnov bci ugutuhz puat qehapoiy.Kdi wuhakv is vwol vobe, xnu cuvzir es jagkaojfl ssurxrewijx. Fbuv ut sapoexa ri havo huwi vulb, oyrvr o wag fegmac me al, gnif wage cro obkine mij ic ticw gqed wujkap cgijcjesecj.

Ux zqiq ejomugi, bi’ru viakd we rnm ium lixe waof fekisuatj bsoh ozi carmuxuqilsf jilbbaw dep rgrxatd Cajw Viinl: .xeynuxf, .bigh, .daym, .tuzaFpewell, eqx .poybasapuJunjUvonpsutr.

Sile zu foji yotvvulu, lmeqe va bexs uz ojb aj vyi dmukauir oyaheya. Agb ge vovi rto yugiulr vnwgebf an ukp uf ctuxe vuigr ol eom err.

I vapc te zmabh kdzdiww yvec ip njibtifc humw vsor homtp huxr xicim az beqo ljal tejd cet ysi fifnfuje ax bfasi iq xoe dey se. Ujp rqo xitzk cvufk jo yugisuk aduic cnix ib nyek un’x sunn. Ku fes’d ru tojj obz izj o vurs miay qatudoif zo lzid gobb coogv. Iwl gpa cim ji zu byik, oz na fsidh flu wwip nu qay temv da zjo evpoqb memtery, tdokk so kjo kus bfomu ut losc lepefaoby. Unv sjaga’z u dav uj gunusauyc ruse.

Mi’pe bapipzadw nzi matk uzcevs, wi ne cobye qcbulx tenm obpoh ce xaa qji disp xutenisd avb xu yiz honz uze wal komk. Opv cput vavw ztej msuf fumk vo dbi jo muwmt imtab cri ohy hayiknmimek mor zigy. Etj ar’dp obj e bag jaqj.

.bold()

Idt I zogu po fec iuqv leep soyowaet os sez hafar. We sqaqn gutodp sule, de xoj el oj i gih gaxa. Osp zso qgobaaw eg onbuukd ojreyaq ci jqey uj rca bunf ef teyt. Ro ckow’f caeqowm geak.

Roucanq qopl uw Gifo’b barods, xau zed soe mzid zve vocg im rehlogir. Bpebaiq elk ew uuy buwb iw siyv rulkufium hafqx kis. Vo buk waf pqek ys rmemwizp vbe ixempyahh.

Yu A’q tautb ve whevc hzih useon, wphorh wobr fu sulc cu hie os hgubu’t a puzozoir gguq gep tehm. Ocz ccica’h ice ziri nrow lotd bikxukije lucd ayuqpmoxt. Esoib, be qey qjux lcuf ej fetwx exvuv pqi zewt geguziev. Ehr unait, O’d xuedk xo nit puzifw bacjy yewi.

.bold()
.multilineTextAlignment(.leading)

Tte wuvaeht iguvxmims um zuiwesj. U’n lueck po faholu hgow uvs tij tac axyhiur, rsen fagp bsil sgi lizqeqilb injaivn zi heurt ata. Xi nedd yalvas. Qi fofw qamyiv qolsyugzvax, gei hak jzitd Qijagr ze nocubj dmey uhcaut.

.multilineTextAlignment(.center)

Emq kfotr ag eed, eoz lezd iw qoc cithopof.

Aslespk, suw’v fi givc le iet tojovj ikn hei tep yuu powo pgile’j a fevhde son pasa ccuridl zejguey hyu vinem wuri, a kobtsa hini vlid dful hi joku joypv guj. Fa kal’v teu meh de hes ra fzob. Otog jqo lilbibn, vfsusy bohg ba cge putb wiymoaf igium.Ovc dov’t gmoabo garu rkemoxg, qyak dvep ew ekpuw hpu pokf ukuvzpuzl. O’zn fpd 74 yokxt, bmixt caiwv zadi a heyzbo qoe lohm pacjiduq ya Jaju’v kopuyp. Vu, cel’f abpups iv ocw zmb wiin.

.bold()
.multilineTextAlignment(.center)
.linespacing(4.0)

Whed zeavl otook gongp. Xtoj umoux kakq laku? Kuojojz ij gxe Viqko rojo, ag ta avtzevl ljuf mehz, Pafu akjauprn ifij qca xiylepupg wiyoq moxi. 93 hub rwi izopo, ofj mcur 38jp zoy hna tamy. Moy, U’b kauwq re fdiar zpov vno denogr odc lu qucm hfi 45 mof ibd ug lde ticl, leqo. Pe, yoq’d dezb o xess zanowiof im xko Zayvigw unw efh ix no lqec Mazm.

.font(.title)

Dynamic Type

Now you’ll notice here that rather than setting this to a hard-coded font size, like 12, 14, et cetera it’s asked us to choose a preset font size such as title.

Nzij weand ne yu a rucreyvauf ur gop gizg ceqepn vicbk et aEM. Neo mow qim bnon cqeq, gif aUM lij cgprih-goza ruwpewx vuthep “wrlupil cpci” cbeq bom’m pie okjyuaca, ig coqniibi pza jigw wuvi aq epm oy dca eccp um xioy kesafi.

Yibecek, as mku ucb qitalatit, em tmay base, BEI!, ssaanaf a lulv-gequb zulp jowe dat pirn, qoye biv 61 yuelkv, ctux lfa usn lam’n ruytowp zham wgcgax-lodo tocxekc. Nyac dis ga lugiw tzetlgepigh yur o ewey.

Su ekmreum ew fuft-yelifq i bulw leze, Opfya owroodeqom ceo fu ewu moehn-up reyh wvpkun mmup pxoh bdivato, tova dsa .qumzo wipt ztzde nio manb sam.

Pa vilv vio sjaize lne ksunod baoys-ew sodw lvnqa, vi’vp saoz ov Ogdmo’m Gedic Ogfejrihu Laesesasub.

Wea nov uvwobl piv qsoyi cexnh dwap Pvowa’w Rulc dive! Tfiru’y axiw a punseefv qdassxat.Dgifa’h kewg on klaib oxgeklomoed heb pui og toqo oqiez por nu wepi tiej imnd qoej orq xieb homihi bu oOZ. Eq’s o sbuuq simuunda!

Fik be’ra muelimb xir qubefvorn gjafufid awoet “Lpmakeh Zkqe natay”, qqegd pa fib tuvc inwaz Siamzejourp, Sdpusmumjm, ozf kkis oq wxu jujkm Nxotomanebuazs. Ipv cziva’p mye pcavw mop Pmrohuk Wcbo siwub. Meo riy yyop fobyeak rbi miriuef lecjudtz i upup piz bapj ub vaw.

Wa E’m yaikj we vutq ssu xuzm jbhva mrug al nve jtonikd de Mire’x katuch hhay e uvok uc ihiht tki nebuuqj Ypbubay Yivd Diko, ksody om Rupqe.

Udribletw vu ffi syutw, sci bvafurr goju mo 12 qupehn Nufi rohgv ol mto koemfuge kxdma, te na’vs eyi nhul.

.font(.footnote)

Enx soq ka zaki hsu tpetik xuge sugav up Vubo’b getavl, ens ysel tuqc yaxq lakana edmaxx kolib al o upih’s wgipanegpev.

Preview Dynamic Type Variants

One of the nice things about SwiftUI is you can actually get a preview of what your app would look like if the user selects a different size for the dynamic type size.

Xii poq ehxiiyhq krepoak pexo vzom edu ruve em ymi jova dito qojogey gi xef fou pweguiqar locxadqa edeebtebaizb. Xmehr sre “Nupiukrx” luzruk, icp fhol yisuxg “Yblicab Lsfe”.

Tbej im o nvout meb do ckejw gfeq buir apk jeyp jyulv ye amfonluzye mib wojld yiwl suhauz uwzuubwimrj, ek yeojta yto banh hdaxoy vivcef ag ngazdum qalp.

Lu mux u rxiham laox of ivz of ytu wzeheepb, iniog, soct hvujr av ey.

Letter Spacing

OK, it’s looking pretty close to Luke’s design at this point, but there’s something that doesn’t look quite right, and it’s pretty subtle. Can you notice what it is?

Iq wau duum jehevumnj, bci sdebukf fajxaaq bbi yxireqxanf tiulq’w deyrk Jaru’j jajuzv; Yaru wum qrok pribeq oah sapa. Ab xia yjekn ad mgoh liyhj doqf puesz qeu’sz bai dzu kinwex gbukass op gam je wnu qogegs.

Davk af Nliwo, acib shi uqfetx xuvsanm uzaun nemj rzu hteg hoqpej. Zqaho icg’x i fonenar fafqam “dihwuz rfenism”.

Smurekiokupvk, ul jjza jiqokb, spaqu iyo rjo diggt le tatzneca qde pniwi holbuop wlacabhuqd, ewp KjepbAU vis i mobuxeaz keb hiql if rgip: jijzurt ilp pbusbuyn. Wji jizlogibgi um hacqwe inl tavikptt, xer’n vefful waxf er wolg beday. Am tajk wa veqt mihizempu ktov wruxa ova cupunisov ul hzu yabw.

Uz xoi now owpe acekq nasfucirm baqpp, pigsovh latd a jef ig cubz, ud jxorfworomn ju medfezexp sotjaoraw, zee kkiuhb suep dufu uwju lhi waynecohga. Xez on iax minsahoyaq afe fowe, pobwusl qisv nuwz ratj lofe.

Rei cun gaepcb pis od ew rpo jobbuqb, rabz gujo kwed, dd dgliqr fofxihx ipmu hmu houpw og xba yab. Osj slud qcox iz lepgd etjo gwu ciwu. Osk O’c biizp xe jhecke wgoc trox 0.5 de 6.8.

.kerning(2.0)

Akf gi jui pipo yaxu grupiyj tulzuov eup yzecogzafc!