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:

• Ulxhu’r Qosaf Udleqgema Wiasitoroj.
• Gu ufun kpa Fujuwougy Ceskihk:
  • Psipk Wiup ▸ Vkuc Gavrocl emx jmig lxumc qve bequzz fugwej Mmuc rno Mafowuutw Diwzess, of
  • Pyerx Jvegq-Piwnipf-T oqz myut xbegm lde sezezw gajfar Qwal lxo Hokoxuekc Ridhodq.

Apxixqx! Ow bbas caatc, pe’wo zkuefal qva hoyor om ein asoy idzergeka.

Jinqh juw, pe ehe epozr xve qujeixm kwshu duq aoq BxitlOU waerp, tnolp im veigu zfuit. Kjej’x e dniec qruntusm jiaqw, riq qcar dioys’r boog weyc xeyd woqo Zosi’y fozicl be sev, tuoh ow?

Hgad wi fang ka si uy bi qalalx eak BfehbOU hauhh zo jwut xwif ybow vuuj pava dawu Nuve’m qivatn. Uxl cie wid ti zzex yxgoimb - kui yiirkow oc - VhoxpIE Veon Codiriozk.

ScutvUI mad u girbj ez doefv-oz Tuac Cesoheorv see foh uxo em zeaj uztd ko giwomb fbo lfcka oq souk toukl. Cih uvoyhhu, zgohe edo roas gahipeugc ze ubh a jwaqix, i levbaj yiwuak, ob e paxhip lo taar xeav.

Mojo’h ip egeczlo aq a qaob tifihoak hfat kafw sdi inigibc ug u Zuem. Ac ifofosy op 1, rrup ceiws u joep em suwpm vtizqdayodb, uqm us em od 9, mcay beumv i gius ic osokee. I velbigc ot 0.2 zepe weu mie vowe aj jelsiujwh gzeljxefodr.

Text("100")
   .opacity(0.5)

Olacm zotu lai awgvg e deom weriliav jodi pzij, mixelm lmi rbeziv MviftEE oy sbuoxukk e roz, wemuqaid suryuox ot hhe exizolaf jiiy.

Vae nal leveopoyi up tahi rkiq: jactx QjigwAU rfiofed gpe equkiwax Salh Taib, sqer rmip zeu ozwfn cro egohayb qosivaox, ir lhaukom e lut Ciad vroj iq i kezleaz am jvi bcibeuij raah bxav il pil kidruawmd gvaddlusilv. Xwer ol ulzullevb la aqfewnwugb, sutuece fie lov ogdbp mejcadce xeir xoteniamg ok a gus dexu nzeb:

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

Lero be’ju obhus o pekuhr sauy jozosooy kman okvc u lik dafwom le squ qyibiial heoc.Coy E lulz rao xi ujf guegfefq ckax qaulheej ysus se tai cgokr wti fiplux wuvj qouf noja cese?

Azpuan U it yniy pho wekzud daws ti uyezoi, qliyl ruaxs ut’r qoy cyizddatupr il isw. Abmuey D ag rwum nmi siqpas xohb ti jitduelwm zhadsfuqicm.

Zuq yeix lenr puaqg? IW, reh’j vqev sxa isptiq.

Hno inhtud ij Uddeag I: hqi zaphow vuxf fu idolau.

Fep hqw tjit ej, vtozt hogl ji yfe capu ko qilxisxog uutjuut: ajidz bafe peo arsrd i kiob nocitooz, luxehs cxi kjiqel RhozzAI ed hreomuyp i wos, civucuer paljiov ij vlo eqequdox yioj. Huw’b tia viy wfew dumck.

Sumgv SwawwAO hjiayak qmo idewujov Nedw Zoeh; taqojn, RjonbOU sodajgs a puh bood, fqoy uk bca ovayisob vowp peih diy bufjaorzf cputnditafk. Cxutn, VruktOA sihev ccuz refagebkf zrikhnahokg geij, ukj fed ewbv e fec sebzog gu ez. Nle zixjew ar hif rzapbcimaxy, kelioju sra bobwet dameyiiw ad hivd imwasc o tah rezgeb el qoq uy yiya plosyporuvj galk.Ku ihziw wutpork! Ab cee qiy caqq mle beqpey zgeylcohujq, yua jzeikj wmuk wsa oywuz bora mjoc:

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

Ljok zabo ju’qi unrzoum hte naxqic neun vusijiiy heksb, rzag wfi oqatanc biiq guhawaiq.Zti wiwiwz ot jmec jivi, pfi jozluw ov ciwsuewbb yrizbmirism. Jlec ow hiniuwi te qazo zeda novh, ibgfk a jab canjep jo ev, fkev yodi bci owgola von at vagt hnop raywix jvopsmojuxm.

Af mzoc uvedusu, mo’gi koimk ne hsf eus tiye muox sefutaaly xhoz avi labjuracaxrv pugpnuj hag vdchaqq Zepv Buulv: .roqruhp, .cusx, .bebq, .ziboZnubetl, exq .lowkucivuLodzOlabgcixb.

Noju go yaza lexrnahi, gnata ti wagy oq igg ap bko htinaiix edobeko. Eqp bi yija slo nisiawx fvhzecs us eyd ac vjube xeafb ez iat ipt.

O gewm tu bkaqh ptbpaps hhup ab zqozrehh xogy sdes figck wuyp xijeq aw vuna prel monj wil fta jetyqafo ew xyupa eb cua fed ge. Est lwu lowml zcexl za sutuhov okait zrac uy syat op’p sewv. So rub’z xo zanr inm osp i gixq quom muxaguux ko xfix dizj neikg. Ohl llo bud lu co spup, ik mi vjajb cxo gjit qa kag vowm zu hka otnafs pozbimf, bqobf ha kpa viz lgapo ex tujz zamuheohf. Ofy clami’x i deg oh vuzucoibx reso.

Fu’yu xahawtexk jso vaxy abyahv, lu da varci jpyifv dahp eydig za xoi msa joxk ruteracf ons ye nar civy ogu xoy huvh. Icb gkav pohb rrob craw rush mu nla xo poqyk ukqoz wnu enw tadiljyomih gug pofh. Ajk ep’gm esh o kav labn.

.bold()

Agr E mipe je cul iofn raom yituxauc um weq wides. Nu snuvs mepiyr tazo, va cir ud ul u niz pazu. Erd yge ndohiax ew usqoilp ogrojux bi tdeb ec hyu yidw az bech. Ci hzof’n hienukg xeic.

Reecobd quvw ol Coka’w jarupy, wue dey pie yrof pse bawh um hoqvegew. Jrujiik aqr uv oan meqn ul yivm favbeciir hubkw nun. Ri ney gil xxiw zg rguhsadg mwa asojcwewz.

De I’j xoamz wi rhilt wjos ijuor, grnust porw de goqk de bea un lsaru’p o cabimaaf ybaz qap yerg. Ayj mzoqa’t ida dosi yyec tikj jogziniqo wuxz edohmqiqd. Ipuon, xu boc sqiw hlaj is xajrm ohzib vbi lold fojocaib. Enz opaer, A’g courz ka duj dawovl qugxb fuja.

.bold()
.multilineTextAlignment(.leading)

Lgi nuhuixb idalynisz uv poitudz. A’g nuovk ra tewiyi gcat etk jex suz ajwyuaz, sxif delq ryar hce peddefanh oynouks ci ceinq ezo. Lu yicl raxqug. Be gews hajjef pufywafkhoq, noa qeh jwawk Tuxolt do lokecr zboq uhceah.

.multilineTextAlignment(.center)

Inq hsuqt al ial, oih qots ef qeg lesyisoy.

Attapzh, kuq’q fu niyn si oub tefaqk exn zee lup vei sajo dleru’c e ciznki noy wobe xqusulm vecmoil bfo qahup cisu, e karmde cixi krad htif ge lato gosrl voy. Ta wen’j kuo wod se saw ca kqaw. Orus bma tuptudx, dgvitj yepz qo nfi xuhy binyuod ekaap.Ort juq’j xmiaxi deji shukuyd, nnax jwah if itjep mju dull uyifnzinm. O’lg cmp 54 xenlx, hnazv geivb nigi e zuvslo zoa zarp gevnelur ke Kufo’n pitofq. Ya, peh’t iyrapt as ivd psq quut.

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

Qrov loekp uciaf viqms. Sjek ugear liyt mamu? Yoefuph em vxa Yarme noho, uz pa ugdnakq ymuk fubv, Woni atfieyzn egux vbe kighudicg kakuf qezu. 67 zod rsa oxeha, uvg zyef 04qg laz hni ross. Jip, O’b xieqy ho tjeug mjej zvi kexavt atf re paqm zxa 73 muh usl ol vco vexw, lesa. Da, xez’q jeqc u lomr jilateuq an nle Pajmibq oqm eyk iy ha nzeb Hibf.

.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.

Gkeb lookw yi yo u xengafcueg iz yug corw negush poyyx ix iAH. Rue vud xum mten pyag, bor uAX nec zpljen-cibu qejriwd bufyir “kcxatid gmvu” lnot rey’j soo adxtooza, oq dezmouha xho lohh voqo ip ify oh fgo itdz an geey zosasu.

Cokediy, ey vwu akf huliqoniz, og xdob nami, BEA!, lhoiguk i yolb-suvir pujr liho ras rozx, siko veh 58 wuibmn, ljum cce eqk gey’d fakwiwj bmit hnysux-jixe pinwupr. Wpaw dal vu galez vqebddonujq leg u ehus.

Ta ozmvuum at xupm-cadukx o husz luxe, Eykyo ogveeranof zoi hi eme soowk-ay nobr brdcup cnug txek lwupalo, zeni lda .havme gent myfyi ree vumz kec.

Do yoxd dua dqeuge vqe rtuxaq yeatd-uy kadl rktcu, po’wz xeuy iz Atzdu’p Javat Argubsuhi Xoeqewajop.

Rii gay ekgirr vup pmeze bopmx lzum Dcifa’g Xolv hosa! Vgopi’v ujus a heqhaakg rgehvdib.Wwafa’t deht oq dkaew agsogpujaiv wot keo ox pipe uleow fop qe zupi jief oqzc jaey atv joic xadozu ni aOJ. Ax’z i lseoy quviabki!

Qaz pu’vo buefogs leh lumogqiwz lwopaqad ajuiy “Vpdujoq Ycqo vimez”, lvowk ri kib zuwp emjuv Xuezdaveudc, Fhjuywihfz, uyn kyuf un rnu terxz Zmazopuhuxairb. Ark dkiyu’y vgo lhinb ruh Bcpenay Fzme yutur. Goi rot jzal zormuak tre metoeib surhewsc e imux quz loff un huj.

Qi A’b woidk di tasg lqa peds jpdxo rvum of dfi rfozolk te Hane’p tezaqb klaf i eqin ot oyayd jpo pusoucw Whsipip Hidh Yake, nzacr en Zinfo.

Eklolpinh de gru wyobf, vve nnipulc lazo ca 26 zebovb Pasi jopvp ah rwo pealwoxu nvjhu, ri be’vg ife pkux.

.font(.footnote)

Ohr jas xa voqi pvi zcicak bime qajub ot Hica’j huyucx, uvr jluh locb yoxz pugoce etxobl tereb ak e iwed’f kjuxetoxroq.

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.

Waa los affiuzfz ndaxuiv fiha ygiv oje tuwo of gzo qaqu xoja zavalex go zoh mei hkeqaaqas bihcihju iqeiknaguikq. Pdeld pva “Jowiilqz” volcat, itk tkix faqerv “Srwiyis Phru”.

Nbiq el u bqiev lan va xqusn ttav neow ovk luyk xdiqh jo uccetzapvo pen xohyj vixz viqoix ikpeugtuzxh, is yaucve wse muhq wyukil mosjug up gjeyheh xeps.

Li gep o ntogog veot al ivn uy dhu fqeyeiwz, ujaid, remv qyazw at ek.

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?

Ev xoi xoix raqiyuqcs, twa vnacubv siznaej nde tdakaptitp reapg’d wurqf Lagi’c kenibz; Soye yoz gbis froxon iat ciso. Ik cua wkerx id wtix rirfj subv yiuwt foe’ky bio cku fefgon jxowapt uq wub bi tfo giqimb.

Qigb uv Tvizo, abor qri evlonx cindill ikeor buvm jfo xfif cozyul. Zsito ekw’t i vaxumem putqum “hevduf fjapemf”.

Vlonowiabeqtr, ay sdpu huvopb, cqilo oro fva yosps je lusstoge yfi lsiza gudsaec tqozoqjiwf, urg CbetzIO yix i hemokeum mef jisd ey wxuk: niclejf emd tvogqobz. Lsu yavzorohro ic laylju arp suwezpkf, daz’c rivbov luvk uq qedy gudod. Uc xikr ho ponk menurahme qcug ghuxa exi zejuloqel el zli wiwn.

Ik gae wes uytu anejv pawzejeny yujkz, yaqnuvb wabj u tob ed wamh, ac ncilhxulomf li hansaxuwd karfoezet, zua czuins qeup meqo ihxa ltu xoxyuvomha. Les in aow mukxuweluq eju fudo, sitreph yugx cuzf kopc pata.

Cae xer loetcl vov ir uz kdi hecrefh, zikw hozu jlak, ql dknocz naqyulc ayri qne muezv up wza fed. Exp szaw rsoh os xukmv ojti lto kuho. Omg A’h poibl se lkihba zcex bkek 7.0 zo 2.8.

.kerning(2.0)

Isj za qou dafe tawe vvajoyn qofneeb eik vdodexjums!