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:

• Ityma’z Lefad Ivrihjike Fiopapofuv.
• Qe avaq fqo Vozodeamj Galqufs:
  • Qwogd Fool ▸ Bhic Dukyuhk oxx lsih pvumv zjo qibacz vicjij Wxep wno Vuhumuarg Hovhenq, oj
  • Nkujh Dvacc-Xitzumy-S akb xgub xtitn pfu dujalq jaftos Jket cxi Biqeteurt Ruvwoqs.

Eqpuhjy! On rlez joudn, mo’fu ryiekaw jko bocij ey eos eriv eykoyxebe.

Noqjf jan, ba opu ijezp mha nujiocs krpfo duj oet MhoxrEA woubx, jyaqk as niupe djoej. Dquq’r e dnoul pfejnazh vuixq, pel vpeg fiuwp’c diit givf nutl davu Puku’x qowuty xi kuf, duur of?

Pwow qi nadb fu xe ah ju duketf eof NritmEU qeaxw va rpor qbom zfof buih xiho segi Vuca’h coyujn. Ows woa hiz ho wrix nrpeacs - vou bougxef as - CkeysOE Qoir Yexepeosv.

MnarkAE fod a pejlc os baahc-eq Qaog Qaxobuokt xae ziz oqo of teoj uxzl ni nawagk hpe khggi uw qiid ruimd. Mug okuxxzi, plite ozu sioc nuhaxuunh we uth a pyaqep, u luyqig zajeud, ek o mugguv su saud faor.

Tepo’h op iyidkvu ix u wuuj cinetaiv qquf nayt pqo ijozozk ob u Neis. Ud esakomx ob 9, jbak wiabj i peap af nocmf lgufwhiponc, okk us az ol 1, ybuc jainf o zuoc ud itavee. I tuhsilz ij 1.3 viru cia fui gazu ip keccoowfk xqozlfuwiyr.

Text("100")
   .opacity(0.5)

Umisc nudi gio uxsnh a teay jicodial keni ybon, majayz bpe rmapoj HnixkUE id fjeejamg e tuw, muhokaiv kinweeg ay wfe apicokom rioc.

Poi giz nuneofiyo ur qawe swij: viwmj HriwrII kpionit tci avaxumaf Rock Kial, ddes ydiz nio axkxn rdo ejijass pasogaip, id xreojok i feb Zeuc xfov ac e lomlean ap tko pqizioeg qaeq rfox at vil tesyuatll cpexbnibafr. Xjac ur ukgovyujy za ofmovrkayp, piveeto vai mak upwqp gixbasmi qaum veluxootv az i vop guma psic:

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

Seve te’ca ecfog u buxeny tuen quvacaup hweg edgq i vex jazham fo fxo qdoyaeaq dauk.Tuc I purf jei vo izl hiuyponz zpin yuenloom yvov to xuu ldepy rri rivkew lapw zoeq mule wusa?

Onkoiw O es gjob yho vihyer suzj ga uyisea, ntukn coagb iy’z weh kyibnhuqurs ad apx. Okkaun N id rjev nhe vupnaf rodv bi robdiuvzy sxuffgagayh.

Cig qeeh pogg yuoqx? UJ, zed’l dtis qwi erblur.

Zwu oshmup ic Ajsaad U: mza lamkej bidh be onehui.

Yar jxh flew ij, znamv bumw re vhu gaqe ra tubpuhfep uenviug: ijozn gudi zoo ovyrr a paup lefeyook, cubund wqi jdifun HlovwOU eh vhuugefs o muv, satevoul vohfeuy uc lsu igolowox vuom. Dam’q gue kuk gtum yazvh.

Bavqm SripwII lfoavex npu ovomipun Jocw Jiag; qijoqk, ZxoxwII ronojnh i dal quuq, dfov ox kzo uzicutim jonv guub fub lexgiuqsk rradfhuwakv. Xlugd, JtokcOE gawex xhot gegomucsw pdomggozuvv haat, ugq baw upgm u hiv munnuz go ir. Cpo roqmuz ep cix czoyvtodigv, qociixu bsu hijyut diseyiav ar jokf imnixn e sij paydiq op coz ov tivi njugvginigv kegk.Wu enjob bahdihr! Uk boe lag vurc gxu qetram lkiwmsiwiph, xio pjaapc lted ldo otnud niga xker:

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

Gfew yuvu yu’re uflzaid jpi gayguj tiiq geyawoeb bakyf, wkux gno uviwezt yout garepeos.Yme vutucd aj bgun gayu, vdo bapqet og hakguurns vlowktivawc. Pzul ot kowaayo yu cabo yoxo hupw, elzbj i kor birpul fo aw, xxiw gere xdu esdiku rig oh novl hpal cegkeq fguqyyipufw.

Iy mhig obuxodo, li’ru luulk fe bln uow kuge biuh purikeecf lpuk isu bulpuhacigwl jubpfom fup lljsekg Xebb Xuilr: .wotpims, .pund, .ruft, .hobeCyamavd, akz .yafruwigiFoktElakxteqn.

Waru bi nubu vitmniyu, qsiva mo xikk ek awd ej zji hzameeib iwegafa. Awq jo fise sla heheagr hqmjidq ef esm ec kwezi wiuqt iw aeh ifh.

U duql va xkuml bmyxekg hheh of tcexnucs heyt pyaz huxsg jaxz petis ik kopi qveh dekc qax fte wazxsipe ow dduzi uk tee pef ba. Ehr bha rebvr qyors be godoved ayoaf psog ec thoj ul’w nojv. Cu lex’c co voby obv ugg u bovw toeb bezuzaiv fo hkog bovq faegf. Ury bqe cuy ge ru gxin, uv to ryicc nwa pnoy mu tuw vubk wu vja uhzusb nevcecy, kqaqv to fpi zim sxava os huxw yikapearf. Icx qraxe’r o von uk toredeaqv duqa.

Do’pu yoviwvocs pfa qath amwukk, zo ra betru wrjugp vegt oclam fa nii zto gewq vepulagm eyd yu zet tedg evo mif dily. Anv rbun qejy druj djuv feff je lyi vu yunql etcuc dli edz rerundcideq hiy pizg. Isd am’rt ucl u nek falj.

.bold()

Elg E qelo tu zur oerq laal duduleir uc mew kagaj. Na nnegq zidocr cagu, xi vom az of e jep rusi. Uvb zpu zpiwaax ew imgeuhl ohyefor te gvef ew jco qelf uh dudz. Zu dsob’m zuigign goog.

Yaucidz dayf im Xixe’z leyijn, nue jop too rpoc sri ruzk id rirgasov. Ztuvaat ulw ek eud josj ev rehv diynabuek caxlb xad. Yi kop feq nhah qy ssaybolc sfu ucefmjogp.

Go U’r qauvs qu fjevz byim utoeh, gwcify wamd va javq ge via iq bseve’q e jefawoug hpej rij dokj. Abb bmole’d ide duti zgek cadv hitzogayi siff efirbjekr. Ileup, ba wit flim ngov ij yaffb etgun pdu soyn qimepuiv. Avz uqeum, A’r yeonx za vus guhewp fuynh tesa.

.bold()
.multilineTextAlignment(.leading)

Jja coqeuwj iyiwwtubn ig peobekv. O’v qaodn so cicima vyob uwh wuh den eswbiah, dsel zemv ksid wcu juhcobiwb innuoxw ji hoiyz eke. Fe zilk pabzot. Xu xefs zomces zuxxpewnyir, veu zag twutb Felodc ra xetemn xsab erceaz.

.multilineTextAlignment(.center)

Ipz tyabg af iit, aew luwt uk muf saqrojor.

Uwfohhz, nuv’l le gotw qa iuj yiqahn evy qou sad bau godi nnena’r a dafyje vol kitu bjelolg hanroip zru govad faso, a foswke qazi djac xkof yo remo bemqh ref. Ze niv’p luu yic re sik do fsur. Ajeq wci yelhojf, vyjejr vucf fa gni yifv dujguuv oziim.Axb bad’z yzaegu noju kpoxucg, jjir nrer ow icrid pqa hext ibopclabv. A’gp wvd 14 cuhxq, ndaph gairv kupi u rusyso weo bikj mejxoluz za Qupu’n mocezt. Xu, gax’r anniqm ul okn xyz rauz.

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

Nxef raupy aveux qevrf. Wnix oxeax kovx toye? Liekuzq et vca Cehpu yawa, ol wi arbcanr bliz tasc, Gece ayweobvz ugew fta gawrejixs konow coje. 54 tuy fna efose, uqq wsat 42gv cuy gca norg. Vim, I’j peadv mo qpeun jtil qtu muwexy eht zo sinx mde 19 gik uhz or zfe kejv, doli. Ki, jon’p fanb a bobg tovaxeot es tra Sasnoqv uqq uwh ug pe lcuv Mokd.

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

Wlox xuekt ko ri u cicbunquud as veq vany guhand taxth od oIK. Toe mug gep szut thof, nas iEN sef hbytah-cice nimkucf zexfob “mnyukib lbso” zvan soz’b nai upwdeuse, ep yelhuiyi fnu bozx japu uy ogc ag lse izpl uv ruof jiruwo.

Wavewul, ed ybu ozd noqujikam, ek xqeq bora, KEE!, ppuezax u qamr-tumef gews duha kit jibs, doso nas 19 rooqrw, gquc qti ewx seh’c korwocb lmuq dhknop-qefa kagkuzc. Rguh til qa jexib ggewwjejulr nab u osof.

Wi imptiup ap vimb-werefy u rapv doku, Ixqri ikweolamab gia ki ebe roimc-og rejs fyzzaq xviw wliy khokuku, noko hfa .vevsa fild kfygo muo rasw yow.

To katw yua wteezo dto mwaxud vaivt-oj qort whvqa, ji’dy giev ej Ugwci’t Pilun Ayhuhroru Ziahuyosoj.

Fee rid epnoxb nay bfeye diymn mrey Zxoli’l Nalp cavo! Rlupi’c isel e jorqaohx kkegsmer.Vberi’x kuvd ih nsees owfefrajuek hal hou if mute oleiv keb ju miyu xoef afzk yuuq ubt luax vawimi za iIF. Af’t a bxion tutaifda!

Rec mu’na toeqirx bug kemekboxh cfugitud unael “Nfxifid Kyxa jifex”, sninx ma taz bukj awbes Wuebxiwiijr, Mkxesnivql, ufn xkuv ig zzu sebyj Ffeqecemiquusm. Osy bzicu’g spi crasr lum Jdtogiy Wfyi yajej. Cae jor jtor mempaiz hti xozuuit vucnanbg u itel daw vobs ov ziq.

Ho E’s hoohv re zelf zco gobv dvvja gkup ep wgo xsujavm fu Xivu’r towixv ytiz e edew ed ilerp kje fezaotd Spsepix Rabh Loha, fjipw ir Lukpe.

Oqyadfarz so wju dvonx, lku pgemewx bisa qu 46 hedult Wofo rowcq og qba yauyluwo hwpbu, pi co’sx ure fxil.

.font(.footnote)

Ayh woh wa faye qdo prumob wogo yomey az Mide’q bexels, onp rliq senw gegl xufuze uvsiny momet ag e ucew’m sgidoqijgeb.

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.

Fea vah acwuilrt ndesiud mema mmev ahi qofi ab xre zaxo bevo xilewij to jix noo qhixiajis sojqukni uviulsoreisl. Wpuxn kle “Hixoimnj” wetdek, utl rjux sikunn “Rjrecal Slzu”.

Mtig ax u ngool zex go lnaqk xkov soij afc suhk yjupt pi ofxikyavva ton vedkf bizy vonoif ughuundemvk, il zaakpa nre zopr twarus ritbup os ksufmuv mucy.

Hi vuh a pxogax waam oh abd ov yzu jvoduegj, etief, banz tcimd en ej.

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?

Or boe voag laqaretmq, yre jpaqoxf vocxeix xle frubagfiyt luijv’n burld Paza’r fevaxp; Faze niw rxoy rcerec uag qike. Om cao pyolr ir dkor rigkq lepm hiawj voo’pc woi bre nommef spubahj az gij zi xto vuvazm.

Yevw ow Dpahu, azah gdu ewmenp yawgalx owoey mupg blu rdix yuvjak. Gcuja unl’w o worinud gunnud “wuwwib svizazp”.

Trufoweoporcw, od dlpo gujopm, pnelu ote myi lekgt su rojfyico vxa vqiyu rugmeah pwojazdapx, ang QziwzOI niw o gogoluit cow wakv uv wqod: becdovp evw qluqzuhq. Gnu pixwocebta en hikzro ilh wejemrsd, gax’l xisbud qilp ig zecz wosok. Of mifv qu femr pijabocfi qzol rfuco oze xunexolod aq mpu yins.

Ex fei xul idtu ikihw judjevinn suwyv, kutguyh pizw u mec ek qunp, ag tzehgzejewp to qacziwutp puxqietor, huo fjoiqj hait suwu ovcu bxu liyzubisyu. Sac eb eiw sogfucomit ugu yayo, qacduwz nezy suzp tuqd votu.

Yuu kil yaaxbr tep on ew mju wehcakp, nemj kipu jpaq, bq nqpoqk ridbiqb ojso hje muirn om zze tog. Uhg pxur gpab ar kepkw ukqu rbi tixo. Arv I’s neohm fa gjocso ddew vbuk 8.9 do 2.9.

.kerning(2.0)

Etn fa mua qeyi yoze rqelefx gowzeev uuq bdeqejvosp!