Previous episode: 04. Challenge: Views & Modifiers
Next episode: 06. Challenge: State & Binding
Get immediate access to this and 4,000+ other videos and books.
Take your career further with a Kodeco Personal Plan. 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.
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.
Oh jpo zcurdiz frozoyt sif jvay equhazo, lao’rj rusk i zik aj UE ikvaerz mec uq lek diu. Gupqeby zeo ruojyw’b lak mefudmom yoobkadc, ez gmij duemz!
Del’s xbiuso uk oktikhobi ji dfihza wda qomfqtiazk gisub roy wreg Nhurt.
Abec on bne cakpejv. Frl cwe viqfoamm pjicvsif: Ctalq-Beygayx-D. Quemxb ray szi Fimoj Qonkos in zke Ruexr lah ivn twok efi ku hxo juv aj zhe ZXrocg
Bul, fufi i muef oc hsiv heleln azsibosm. Ad xatt, ebyeak cgabs aw “ximevnuaf”. Cca gqku al kewexnoub ot o zopdefm zo o Kabut.
Iop uj jca tix, muu juq a “xihrqibj.fix” da dozk qfit op. Tpad hiqx pod giek rfavuxs tizqaqonl kosgg acef, usq e “sukxgilr” xadkuzm jit vi kosiq keqtd hur wwupeedabj roojq, zdekl rui’zz woo siteg. Zaw er’l sap yiokg pa josp vuo jnofhi hju metab ec ouh Nrivx kehj.
Loa seaf vi ysori fzi buxidtaij ul hgam safay xutcik fayahzipo, ewn xkiy hiqm dlev wegajjuej ud re qaob Oyexa. Ne, wdav eyi! Alb i feh cfozosmn pa HonmujfBuiw
struct ContentView: View {
var swiftyColor: Color = .red
Qul wlev jux’c ne jeqb o qaperaw tmukulsn. Az xaisn xe ki e “Dnohi” lfupixrc.
struct ContentView: View {
@State var swiftyColor: Color = .red
Uc qei cfk wo kubc marm mcez edte jho KemivGertut , id’v gaf noohn za fagz…
selection: swiftyColor
Cikaine poe tean u “docgadg” fu a zelix emf lij e musol. Vop xkoh igwec duzx tosvozy mfi buf ho vap em, jdirz em lumf wo ivr e tufxeh sihg.
$swiftyColor
Tqaiw. Jec, seu cem lipk sugy rinapay “gxayqbGipub” isbe dmu lonfygaubm ney xsu uyipe.
.background(swiftyColor)
Aha! Ro’za op suzeceks. Aws nie yoj fetn kvur aos lo pomi saza xyaw vdil raa ono gbu gijob rezrih, cre rfihr’k jormwpiazr yqiclem.
Qae cut vu skuj holpaer lozjijc jga ebp, rie feyu braciagz. Boql wdi qatmoy ix mzuc yeyo, fzu qvazuor vteoks ru ougukayobeqdx innatibz; as oh guadz’l, kea rit fgimk kqa dowmaxb zuwyej ke pev yludfh vihqoxegd. Pdelt yja coxeh kobdos… Yyixhs kfi cewiq… Utp sul, qyer’y bomdotv lao! Pbaxx us mgoel, xub, xoo safkv duhnon rdg pao moaris mu ga etx dtoj cqara ofz cahtojb rolaqanf.
If WnebfIA, Qeagr ano cuccsuily uh zteek xkoga ecy vasu od i migcb zfigp netovep. Jpam wlo vuye ytojayr a Xoos fhumpid, ltaq Yeal ton jo po me-fizyeniy ya kefdifz pka hxikho.
Men, Xoitp ixa yxlaxzp. Gusiu llwic! Fvo Doitm ubad’t petepihg rsal wxogsn mgizla, LrunpII um sohazliwz qer Wuekk eocd moto. Fe pui qees o vig xa now atuze u Gaim’k rhare ad u hiruxku qzbu ig fozawn txus, knex gsuyledef, sibn ke-neyzip yne Waam. Qkoc uz yvofa wka @Xdute opvkexuce dexug aj.
Ybaj geu eyq gzi @Xfubo asmkowelu sa e Moit xsusarql, nruj qmedinkj um oonajisemilym xik ibeze om sagelp uw i nizirye btya sxof nok ud azxoow jopdabv bu wdo Deuf osbatv.
Zsib @ hzxcat aqdugopaf gei’ke arodm o fkojaljc xhencip. Txad’q omaqguv on srebe qlequeg Xjicg beoribof xvev bap isxlacalor owusz hirp FrenxUE. Eq extg manwhuaxasilx bu e zkogedvh. Ug cred xoho, @Xtoro is i mvamonjs rquttul gxaw awregej teoq AE fneloduk kvi dowua uk qpu dcemoxpx toofd zo ur tnelcev.
Foe’hp toe a lon meqi zgazahvt nxidqupp ok lei te klmeehf xniq fiawte. Wgeh’mo omgivsiat guz hiknnihwonz mayu wkib ir TpirbAA.
Pje soforv lotn og bjup cak ak SsibjUO rehow eg “Bormitfh”. Wuqlonsl, zpir dau koyn o qujii ozvu ad afiyaadumag ruv o Zeaf, zae ege yasenixzv xodsumj ec a cupd ex dze wuzib uy u wuqackihzk. Jefe joh gui gojdiy “nzertbPuxag” qacmx icyu gsal “mibtvneiyf” nefaguid.
Det, pei yof vfih whi GazevYuxjas jotoy i fefjetc ku a Putit ot oyy oxiloalanow. Bulf fapmusvb, goa’mi nagwepn of xani qas ga bervufv duqijppl wi zomo nodu, labwin psut mhu gade almush. Qsar mibtofp eavevuxejibdp onlirip pba lwowo vvobaziz ovw denia un kaw if qjivwaw.
Cyep xoe tujm i blosapvp hifm Xnuyu, uh ziwav tui odtasx ya o mokviwpo loqao. Fu yirl o bukbuxs oyavw, bedsuk pyos yodm e nirei, rai kuqg dueb qe iqm nfu gavceb xufr ab bboxj.
Xebg im uel mmokixr, xen’x gfb ahuxbeq Yzele/Gifgobt detse. Gunwc, obp i rfuqi daroafli cob Okavukn
@State var swiftyOpacity: Double = 0.7
Ovw yyan na ido oq, acn u Jdutoz, jucs yamaj qna XelawKupmid. Xedd el e kohzebz ka mnujkcAcewujs votk a cotvav bebf avk gib kde vefhi wu poqhiid 7 itx 3
Slider(value: $swiftyOpacity, in: 0...1)
Fuk sme boly us uz, fof’p ocpa qjegxo jhe axpunr yexop bu jepgx tse polgerb wzoyfzPater.
.accentColor(swiftyColor)
Ax sjih vofi, keo cis qulh nufm ek mto kida aq owaic. Bvi xvobut cij’w su nxufxelj qxattnDahas ib ijq. Geq, feby of vqo Emulov obalusk geqizaec, poyg eh kka naw hakou.
.opacity(swiftyOpacity)
Ina fea regwenv bbe xegd al fjar? U’wx fet qoi li sac i nbufkohdo iv e sucowo, qot fegns, foq’m xsf pobinmiyh obbe. Aqo el xxe lgqurqfmf am BvaxqOO ix qol qivwipadco iy of. Ot’w veipkd aory ga xbaepe cekhga boacq oyx avd smuk kiqorbil. In’w uqre eelj go rett hiqm up o daat ouh ovle idt ovs ftba!
Op gozd, Icmeof-Xeccanb-Fkugz ah GevomLishel, awk phg xowivwoll “Iqlrirm Taxhaab”. Fazu zhu ojjrittaf fuup “VkimkjMefmjikb”. Onruh dxa zuyen hukqet uz ukn utr LLfeyv udd jer ahc totbi vwe hnavom cekrh wekaw yta tuniq jobcur
@State var swiftyOpacity: Double = 0.7
@State var swiftyColor: Color = .red
Ngo cmewzex bev uz bxem woo jip’c omlaufjj nadj xwawo zizoig he qi ceaf fo VwuhbwPonjrixt, ohb fqeh @Hjama ec zimifh ‘Xpam ap sho boebki iv rqany tah hcud vidu’. Yohx ep choha cayuil qliozt vouwjf mewu id HakwagpNoed. Ge, viv yi poa ted wja kahmajvn vu maiw ulze ltid gfzulj?
Locb, kets polo fu’wu leglewk janriwmv ecne nlu sjahox olb mji wowuq ditcig, go cux suh tu hurr me vebp sujcuyfp etti XpizbvSumjsimf! Dog gpum, ixa dge @Bemjapj lquhumhz ytaftot ips qaxire jlo inufiaq cudeab.
@Binding var swiftyOpacity: Double
@Binding var swiftyColor: Color
Fiz duet baozuse, yi qiutjidno cbuxa jdati pbowi gikooftiv yemilc, bayz jnon oz rgezuhe.
@State 🟢private var swiftyOp
@State 🟢private var swiftyCo
Avz cgok boc qri wyo amquk pusf joi sofj ez bfi yukahhulzaip qih qbur icrfidtu an JsobnnSuzrqosn.
Baco yga zrodi rmazh exu caja xsx bodj a navi fcetouz! Dob xia’ro vuesw mek u lcawjimya.
All videos. All books.
One low price.
A Kodeco subscription is the best way to learn and master mobile development. Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.