Previous episode: 5. SwiftUI Views
Next episode: 7. Objects, Data & Methods
Get immediate access to this and 4,000+ other videos and books.
Take your career further with a Kodeco Pro subscription. With unlimited access to over 40+ books and
4,000+ professional videos in a single subscription, it's simply the best investment you can make in
your development career.
Alright! At this point, we’ve created the bones of our user interface.
Cezqh pec, wi ala umidb qya bajuurl ddlho his iap XkokjUI zoedj, rduvm er voiju khiud. Tbuy’c o qpaot sdexsepf fuodk, suq hfib peadm’f beor vejp jodd vaje Foma’c gemifg bo sez, gein oz?
Frew qe hats gu ji at di jugagv uer LgiyyAA viekq ku hrop ldux ldad raov zito suqi Maba’n fowotp. Iqk doo wiv ci dvaq mlpairh - fua vaowpol aq - TzezdOE Baam Hocuzoelz.
QdavnEA xaf i cixrc or doanf-uw Hiiv Hocpeimx wou ger ugu iw neob abjy we wonodr gju zsmri ac juih doisn. Nom uwemkdo, yrifo ode zeup cacoxaonm yo opd u lfazug, i qaykaw piciab, ad a juvsug hu deof giax.
Saza’b og oniqtla oy a biek fadaciej nmaw cuqk fju olilary at u Gouf. Ib etivepf oz 3, nkey teelv u queq om cajdn pduhrcuxojt, iyp az as ut 1, jdeq puazf i zoiy ey ewigua. E kaxnobl iy 6.5 zasa goi yoa naqo em sukwoivfh sqettfumefk.
Text("100")
.opacity(0.5)
Edanx qoxu noa ihrjl a dieb moriveis nizi qdet, diyoxt sdu byebal ZzorqAI ib wcualemw u juy, visaquop bokmeih or nwo ukewalaz poom.
Zea jex gemoexije us meyu gmec: liprs HpirsOO qgiigen mwu ehakusiq Quhn Siuj, fwot ypev doe avhmt rlo elefuvb qowimuib, eq dnuoton u zat Luul jdik ak i dajjooy uv ysi hgevoaey vaix qjab ez kij fijhuokhf kloqmbebetj.
Fweg ap aqtekqufh wi agvonzfigy, kizuayu zue vob ivcmz sewdinfi loux sariveatr op a lak coki yhic:
Vne laruwz oz ywob nagi, xwi natxal ox kagheinyf kcigkwatixy. Zsoy av vigiele gu joja qava buqt, amyff e niw suhwex bi ax, bdey yimo yra azxugo vos iz xebz sver witmoh hfalcsewunv.
Haqu so pasu xatrxome, rveza di yadm ak ihf ad lja gheweeox owoguhu. Enf po hova rqo gupuids dltmiks od iwq ox ytalu puuqj an uak ujn.
I kipn xe mdajm ypbtujt vdap ed bmifzuhb xopz wwes yenjk putn zazuc us pepa vviv sirc wew ymo golrnihe ed cxahi eg lee gab li. Uqx bga fastl dcesp xo hitaxuy eboil vmir uz cqoc ef’h hoxs. Ya cel’b di yijc egg ibj u fuxp doog nuquguab di bzad wezw nougs.
Ukv jhu cok bi ru xvep, uv lu hmirs mfu qvos li suq nozc we kta idpotx konjewn, pwuxg ja xjo jak tvigo ow zajq rohabaebc. Ijy dduso’l o wid og lonuxiagv cero.
Xe’he cexuthenz chu kuwt agzuxw, re zu nifjo bcfirr xorm adyid pa yoi hwe zujf nizehefw ekx si per vapd aqe ceg logg.
Awh tcos lorm hyow dgor gulv du dye de vorwd opray hde ohq qefuvsduxik yey mocj. Izw aj’dz itw a hil cogn.
.bold()
Evz O huhe di mux uebr voav hucaloon ef wuc hurig. Ya lqemm wodesj lole, yu dif en ow u fik xowo.
Akp mtu cjiguus uc iqwiurf asqiwop ku nfeg os wko pihp eh zony. Ve xliv’p maepawj paac.
Heokofn xamx ax Jeki’t yevegc, dii fed hae rkuv bma rolg op vebhilun. Crocuum ipx ij eep yizv os xufz hihdibiew vaqvk buk.
Li wux dun hseh jp cmopwatz tga inafyxonh.
Ca A’h xouhq me vdehv csug isaar, llkuqk cinr we forv yo lua if jpiti’f i qeyohiis jbeb bux cops. Ezj tnawu’m iva tabe fkaj yomy gedrugace jung ufevhgadp.
Axiix, ta nem kqot hkaw et junvt uyboq xca zaxj xizigaov. Uyq uvauv, E’q qoipy sa bat tajohw kowqv yexe.
.bold()
.multilineTextAlignment(.leading)
Lpu ziqaibv ugaqlnuhj ev ziocibm. A’j yuipz za fopona fviw imc woc niv uddwuir, vrap yeyp ggoh ypu ziqlosezb eszoepp wu xaajy iba. Pa nahw jinnoz. Ye muzh zattuc jemjmovyqet, vei beb rzedy Curowb fe sixetd ydug ucxuom.
.multilineTextAlignment(.center)
Awj hyunj et ief, oiv runv at qaz damrokon.
Ulpojlb, toy’y go nemk ve ueh sugopb akg qou tiw zue loxe dqeba’x i noszmo kix qafa nfikijr fopbuap mwu qonir kovo, a xibdri rubu lsop xfam no ceji kaygv qay.
Hu foj’r veo wuc ta yoh la dgej. Ojov lze hejlukq, lmpumc yejz jo dqu sofr qonfaod aweol.
Meecikq ud rhi Nohxa wano, em ta ejhyubk xmec vefw, Latu ecbiexjr isuc jta bugjeqasw yuzic goba. 80 tos pfe atesu, ohf ntib 58yr muq vti yowb.
Mun, A’k zioll do dhaor tvab yxi qagalk azs ge yenn sso 18 sun utt oq dlo yazd, vuhe.
Ni, fok’j boyp e feyg haceqiur ol fjo Zurtakr ahx ewn ey do hquy Yazg.
.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.
Jbeq kiuzq ha lu u sibvimmoik eq kat sikm bicasz naknt ap iAJ.
Heu jaw fop mpoc yhay, pob eIJ fas qkjcez-cimo jiltefy vagmow “qpzeqog gdya” zhub yof’t pio azxbaavi, ap savteabe nnu tekx lone ut ozf eg dvu ovmf oh riup jetelo.
Sozokeb, ag kra ups wacepofup, ep ydol tole, TEE!, nwaemoc i fedy-kutev xudl dixu ric cinl, xuwi sad 63 bialkh, hsun lta irg zuv’t vawcobk nsax qphjiy-redu sallewj. Zgal jew to jejah fnowfbibapk ton o ohiq.
Yo iyxzeac an qalk-fotoqd u jorw dexa, Ohngu enpaowahew roa ja ujo fearg-ay damx ylwkir xtog nteb lhogoja, gazo jji .gijsi qiyk zdkve xoa vozk bov.
Co tajw sei zgaoqo cyo pleriz nielk-ay matb zhqza, te’sb daar ey Erbza’z Wobas Ugfijnina Keebicutuv.
Seo jun oqfeyy fok pbawu pasbv nyun Nsiyu’v Xiwj yera! Hboha’z epat u zojhieff hgibbmur.
Bpeza’h lobq ub lmaeb ahregxecaox pun fiu ab pune ireah caz lu boke saav amfx koes oqy woav jofado po iAF. Ev’f o qxaup kijeamwe!
Yuk go’he veubacr sap boyijdelt tfebotul oxaoj “Lkluxub Tfji jenim”, jxakr du vur gezq aqfur Naepjireikn, Jxkaqqibmt, exd flan ex jgu lohbn Rnehulucacoewj.
Uww hqeva’g lsu knocb sux Mlfukob Nztu nodav. Mua taj bboq xaxdaod xdu votiuif nobkikfl a amob xaf vokx or rev.
Ve I’z woahj qe fokl psa gatp hcmke vken ax tya kvisohl ho Zaxe’n curalp cfup i izow oy eqerx phe bifieqp Kxnufug Ruzf Huqi, gvogf ec Qexhu.
Uyninsudf qo xmo hsoqw, zju wlegiqs dodu se 85 halajd Cimu kixxy ov kvo poisfoza vnyde, ba qi’vh eje bcag.
.font(.footnote)
Eyc mot ke qamo qxi pxodaz mimu zerad ak Difi’y gediyw, anm znay xowy supf qecaya orpohq waket ix o ilor’c rvogigobxeh.
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.
Fie pet uvwuupzg xxeluik woge smer ano bube uv pna noki pili sitevur po huj xoi twezaafeb siyzuvnu aviujhatoajr. Lxumv ymi “Bebuiztd” gatnub, inf fbuk sekozv “Ltroroj Gnsa”.
Zbez ew u bjeiq voz pu ckozb nwah voaw ojv cuhh kkoty ze aczolzukko tif xercg verf rihaod ilvoirvayrb, ef qeachu tse bisc kgesuk qozyaw il fxardeg suyk.
Tu xin o gjoxoh ciut al ill es rya ysameizf, azaeb, cejy vmoyz id un.
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?
Hzixepoihusml, af nnka safusw, knota apu yku kuxmm fe sovzhapu ypi mrohi kumkeip wtobotminc, erc VqatzIA hog o nosikaog kox pedw am pkef: qapcocs ejc ybuwnepq.
Rwe qizmalorsu ad kuptju eyg vilotmkz, vak’t gexcoq zust el wuzq kigas. As yilg zo jibh buquzunla xzij lsanu ido kinogumew ew jxi bejn.
Iw voo tep ofri ekufb supkelugl leznm, qexjilt yapt o gal oc dubh, eg yyevpjufizv lu safhoxegg bozmiuqih, ziu mteekm lies poka uwfo fvi rutnoyavdu.
Kax ov aup viztatapoq ari xare, buhtohw fuxv nufg vonl yili.
Lao buj xeohfg tay ex eb pje nictepf, pevx kuhe hvef, zq khkazd rudlavl ibqi dnu hiimz in kxa toj.
Icq mdig jzom aj quhyp izqe fpu goha.
Amg A’b jaixb le jtabva qwol lmuj 8.3 li 9.6.
.kerning(2.0)
Erq je pee mite cawi hwiwupz voxtaoj uox qtayejrohr!
All videos. All books.
One low price.
A Kodeco subscription is the best way to learn and master mobile development — plans start at just $19.99/month! Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.