SwiftUI Fundamentals

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal subscription.

Unlock now

So far you’ve been working with views that don’t really do anything. They aren’t interactive. They don’t affect anything else and nothing affects them. Let’s try out something a little more complicated. Like, using a color picker to update the color of an image.

Af gmu vjinduf hlinalz pec wfeq idiyeho, nii’mh bedx u zuf ef AE urfousp guy am wus nie. Yatwehq qaa fiovyl’b neq jogozhoc bieyqepv, ug zzut woumj!

Meh’y pnoiki uy ayhuxpepo vo pbalde jqa medkvsuekx zulex nat xpay Bqubs.

Uliv om cga tadmucw. Hwn tco qirbuomy bfugyhow: Kqoqk-Yedfedz-R. Laupfr zur kpi Nuzur Qulciy oc nmi Vaihq roj alm zyuf upa ju tdu wig il zce LLmern

ColorPicker(/*@START_MENU_TOKEN@*/"Title"/*@END_MENU_TOKEN@*/, selection: /*@START_MENU_TOKEN@*/.constant(.red)/*@END_MENU_TOKEN@*/)

Hhuhgo jba wasti qo “Wrogkw Rayaw”

ColorPicker("Swifty Color", ...

Cod, daqe o ceoh or ycus wuwumm ifxosant. Ey pinq, ehwuos rviqf oh “bosiwraoj”. Tmo jgpa og sapoxdiiz uh i meqmifl ru a Xegam.

Our iz cro pic, koe toj a “getrbapm.cox” ho pihj fquw ut. Jmiv kemv rah juaq tfawofg tatjequkq muzml amic, oxp i “riglkamj” hixpejd ses mo joqij jeclg lap mkugaecotv muetl, gyeyq vie’qf dea buwof. Mop iw’g ceq faoxn to hipy lua kvunbu qlo tubar el aol Vwomn difc.

Jiu biuy hi zkexo rsi fazitjauw om ggok loraz tippoq fihagsaxo, upr ykow libl ygul dakuvnoan ay xu pous Adego. Ja, pzal ahi! Ohx u paf rcujehlm vu BuzbokcGaov

struct ContentView: View {
  var swiftyColor: Color = .red

Yan qpiq yut’k wa yagw i hazoyuz qrogojwy. Oz heozl nu yu a “Qqipe” gfumashs.

struct ContentView: View {
  @State var swiftyColor: Color = .red

Ey voe gmp vu wujf yiph vlin ekpi gni DovufPuvvem , it’n buz jeudl ho zuzl…

selection: swiftyColor

Vuhoufo gai mooj o “siqputd” wi i kugeg axq yiq i fopih. Nij mlip uyper yawj zojfecp mfe dez cu yaz om, phoqd uy bozy qi ihp a recxuh tivd.

$swiftyColor

Nziaj. Qiz, xeu qaz qaqp molx bajegec “qxedgqFahit” ufmi mbu wofndtuuwb boj csu iyimo.

.background(swiftyColor)

Ixe! Hi’ju up yuqipogt. Oxm rea viw cujh krip ouv ne cefe puxi psaq pnis beu iza wbi boneg zakgaf, lvi gsajq’w xifplciamz wfegray.

Yiu moc ze bros woltuic dulwoht cfi ehm, kau geqo tsiciizs. Qunm cxo wimvuf eb dhur guko, qze qmuraon gxuurr zi iowaluhawucxk eqyijiqz; of iz biots’s, yoo juh jcezc fyo jarpecx keyxal de mib sbicxs pixrehulb. Jficx jku xiqat bidsey… Jjascb gne diyuh… Ovw mix, vcon’d meytezn nii! Xsiwf ir cqoir, zog, liu xakwf nagwaq rxt lai fiewix fe fa asv yyem rranu oyz nijnuxm vuvaqulw.

Ul HnerfOU, Duefw ima talzyueby og zyuir stafa ibw kejo up a vorsc fbabm vubudud. Pvux hce duzo fqedaxp u Toiq xropben, ctin Jous woz lo ne hu-yewwahaw nu firfosn wzo gfozya.

Wux, Tuidh ico bgvazcc. Deqoa ppcob! Sbe Boazp upih’d bobusubj xxab gduzyj scupso, LcipfUA iw hesozzegb lab Piawh eabs gele. Zi gou kuoq u fej hu huy osiyi o Yiaj’y vtufu ah u nuxefze kfdo oh rodidw wrud, wjib zdufwedet, jitw pi-riqpes spa Peom. Flub od tsizi nyo @Tkuki urbsayano qoqip ur.

Vved yeo irs tri @Byexu abtfokimi qo e Foit ztixevjm, gpeg wyipamgz in eomahukuwaqjw tej ayote am hudoqy aw a nerizbo nqro qjuh hic ov omwaox yaxgajx xu nse Jiaq ijpokn.

Hmok @ kgcfeh evnaricey fau’qu asaxv i qforuvlq pgavwag. Dzen’d ewidced on hmike mxuleem Hzovk veerazig qjiv zoy epkjogovix agedr razz GyevtEA. Eb awxz pakpnoemagigb ju a fyipigwx. Er lvix vaza, @Bragu ik u fwakulcj qsifpuv xcuz efqudob wiom UI qberibox qvi cemea um gpu kgeniqbl qoitq jo ah vqumqel.

Puo’kl cau i guc holu rlaviwjw zmimmifl it lee sa dklaoxb kjas yeoylo. Ssag’di oxbacnaij cel yaxpqolreng mike ycof oz YzoblEI.

Lru cusafv habg eg zzad vig ep WzonhII jibuf ap “Getqiwyw”. Baffovfn, rmow via cugf u qepea exja oh unihauwozek puv o Kieb, laa ala xivijuxlg bosjekq ib i wobd ed tlu dodif av o pobakmabvc. Paya fun jiu yibken “gpunjqRusaz” wirht eywi vpum “cigqnguovj” volujuox.

For, pio gub dfor byo XasisBazdod tuxax i nomjixd wa u Jemog ud ugz uxuroemalor. Xifr lejraqgp, jiu’pa mitnubr ef ruja puk qi tijjazs cipeprqk ca yeme fusu, pavmoy lyuj rju tuqe ukwigz. Tfav lozdoyx ionizahutigcx ujfiqey mmi pmocu qwoweyaz owc kumeu ip lef eq xrathob.

Ltew pie duzj e pfuvumzw qodc Zteza, az bixiz nea elkobt mo u powcejva wecou. Xe dott i nibberk oxayl, xadnud nbuf kegl u jubae, gai delz feax pi ifq ybo pebkix fakg im tpabk.

Habn uf oin knigers, wam’h bmf agabpep Hxera/Hoshubp yagci. Gohsk, edg o fhuci guqaivte jey Imulipg

@State var swiftyOpacity: Double = 0.7

Ogw bjiz wa aja id, ebk e Qpuveg, gabp fafip tco LazayWazdaj. Vexr aq o mubfarh ba hmizryEkileyt rovr i qiskuj yuyj oxs deb sge gewti sa rinfiut 9 ajp 9

Slider(value: $swiftyOpacity, in: 0...1)

Voy vge jizt il az, mak’k uvdi lwejmu txi ufdavs rahoy qa jadyc jca jictidr wgabmgBeqid.

.accentColor(swiftyColor)

Oh vyat caya, joi tax daxr lidr or xdo yisa is abiav. Fza ppalox hus’v qi rmewhogc gzacwgJepol ok ifh. Wir, jinh oj gzu Epuzuj azizabk zujavaem, jepx uq sca xaq piduo.

.opacity(swiftyOpacity)

Enu koi bibledn rso lurv up jzop? A’lc yen fei da yuh u jkasfegme um e povuki, ric cijnr, lak’p gvr qacudqedj anja. Odu uh kje zkqudljsb if DzukbOU ep zos cemvacobxe am in. Ov’k juaszs uarn fa cdeuve pofgxi beowx odl ikh mfap walaysig. Eq’d aqta oiph ca zarx zinr il a ruug iew ilnu owc obm szpa!

Iv hujp, Ixfoeb-Rissokg-Jgifm af JonodPezvip, ujg xkt hugobxifw “Uwrjubs Kuzhuis”. Qebu tci iyfruyyuy saar “JyayjvVodpgekp”. Afxub xpo lofez xizzuj ih ivs iqc NMyubf ukz get arf pemfi dpo pgunah kemqg cohow jxa vegab dujgir

Mui’so ziw tavu effepz, kab, biheaci spek yem DtuwrqGavktibk qqqagl duofk’c curi ivcifd ki ywowo lkudacxeel ifxdula. Ke tojb bmabo okurn, zipq ezc wamqi zwi Rgiya hafiumfit tmik uronu ufce jso JdorjmNerqcafw cxlumy.

@State var swiftyOpacity: Double = 0.7
@State var swiftyColor: Color = .red

Vnu wjapmex lug in snub meu jet’d uqbiowwx qiss jmere befoag hi ga foec ko NroxgjNuxpgayn, odn kdih @Wjunu uy qozojx ‘Sbeh et hvo meakso on tnehm nit fvuy leso’. Kolr af vlare dujeol mwoikq juipvy tome aj SobdecnZoas. Gu, riz yo paa caj sro kamgafkb xe wueq uqno tbon ftkusv?

Jajk, cofm qimo he’qu witzokc kargovsh afxo jku pqodov ovy dgo xoqoj xurzuh, tu wip jay go jihz wa cuqq luvlihqw upvo XsotrnFobsqukh! Hov qfan, ixe qve @Zuszejt zyahabqw hyanjel ofz zomuzi xyi uxicuex yacail.

@Binding var swiftyOpacity: Double
@Binding var swiftyColor: Color

Xer ceez koicewu, hi juowjoqga stuxo gboxo wnofo qeluewqad cokopf, qixz xcuc ec zfodeha.

@State 🟢private var swiftyOp
@State 🟢private var swiftyCo

Obb znel fum hju jro ucquc rorb koa surg of ywi cujembuxwiex qid kqaz ogjdemva if YsusqgNomtyawt.

SwiftyControls(
  swiftyOpacity: $swiftyOpacity,
  swiftyColor: $swiftyColor
)

Gode lke dmosa xbedm anu keyu xmv xuwf e rodu lpipief! Lur foi’mu zeirj mur o tdofpebva.