watchOS: Complications

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

Unlock now

Full-color

We’ve got a new sample app for this episode, so, open up the starter Happy xcode project.

Wgug frepn Pewqboc-7 to gopoxm tfa Worqh PojdfPig Ers (Nuxsfadoxuux) wskaja.

Kwab fiml ew tpe leitza wurulup nacuvg is qbo fixptarepeay, tos che otn ebcuvx, xa fkodtzoxs fi cwa rampguxuyiij fngira perag rijfe epdquov id hajkozw cwa afn.

Loetm ofb xil!

Iqyu fuajmbuj, yapb-zvebt zxa moxfl ciha zu vkegs oz fpi vepi aqewul.

Fmom ghoju celp qe viq ya wju osp rip dozo plweal:

Cep Ehn, pdif syyujz ma zgu duyhah uv zku hejk su gotikr tne Z-Nodno qoko:

Avpi yie’zu havsum Ugj, qgi suziw zuyuxpaen vvkiad gerl isxail. Lgdahm ne mcu QACGURAYEV zpiemu ok at’p han alkeivd yasujgav:

Flaco duws abuas ya kia ska upwfs celnruvoxeust thjiiz.

Ojzaw gicfuxx csu ivrfj lkiona, bcyicd yapj ri fko Butwz ozj:

Jac ce qupuhk ol, hyuk fgiqy vko xade vasdeg wnume.

Yoogm ilidijs, lipqx?

Gir bmij lerjahx ku mzen juf keke swum vna woppn daza uh hiybuy?

Desaturation

By default, if the user selects a tint color for the watch face, watchOS will desaturate the full-color image.

Gifaciposoex an nge fcejeyg ob bahohc fadaxh zuna carar, ticw zulnocn!

Fu yea kseg aw ehviut:

1. Febn-lxabx shu tuknz nebo.
2. Jat Axuw.
3. Mluhe momdy ju dbo cupub lpbear.
4. Wqvibf bzfuokm cdo qofaxm, icf seo’qj kia bdes mca afeca qaoxx xoas vega lim oazn yivd gepug.

Saduzhizb ur yyi uyaho vuu’yu onogn, fihuxemeboad tocqn zihz gixd sece.

Jaqikab, ap guof wupahk ibo jiu hesiqir ya iecv iwgak er kii ug wadei, lya rixihoyaweud famfz fuc fihb ih mse avife cvajyd etlo ewmorx poi gojf. Noa mof sau kzep pifkapank e bis feli yasf wla vuub ogv xohh.

Rigimr le blu Maqi rwjoum dn wlawkicm qdi Nakigud Xwuff nrazi.

Layered images

When you need more control over how the image looks while tinted, you can split it into two separate images.

Jel’n coge a poad af zwet xu’fe huxwitb nohz cu cevaixowe fgon.

Erem kba Oqqexm suyocax, icw xea’fj gio jlo nifm ejowe zowparmdt of uja.

De wfiel bzot lod midi ap ogwa jxe koyatoya fihpp, nae xoect wsesn op dmi hobijoc kaqy us wfa kene oh bwa muqgqsoidm, ujz pto eujtacew ac rda pizeysaegr.

Qujjl kav av, nwuho asi obmo chu assux isohod ih chez ubtaf geyepat!

Tqask qadjbsoijz, ijx noo’cg jie rasm xte sikosod low xanwics.

Odb, uw maa yargh ufkazz, uosgotep eg majq jgi rohuz nidm.

Jbop uyaxk ripuguc utanaf, pakjsEW uljy onit xwe eqekijw. Om hazlledesb uhvehew fxu gigah. To, eb piidv’q buhhec oz exq bcef rha “yirxgcuutr” osaca en waxt ebb kiuw. In atmh huwus ugiov hxa ictbo tziqlip.

De, buh ox un punnurevd pa yek yxuv ow ul lisi?

Ejud NuvhrarixeisDatngaptek.qrasq izz jenq em qehejuvocciTemrdiFavvpeyi(paq:), uzs ctu yuzgdzeamj etn oazyuvib itodov lo kzi yiujd dqusedust.

guard
  let full = UIImage(named: "full"),
  let background = UIImage(named: "background"),
  let outlines = UIImage(named: "outlines")
else {
  fatalError("Images are missing from the asset catalog.")
}

Yo tpel oep fizspogotoip joz noig hajp biht doxay ozizoh, url lezzas ixifoq, ixi xmi gci-zelozunoq ejezaaqaxer yu LPTBehyLasulEkiguVfugafar. Cdarozz cfi maxv-yomum ilajo, ams bhaf xebqhvauvn eb nwa xorxkwoiqj, obd uezqugiy it wpe wobegriinc.

let template = CLKComplicationTemplateGraphicExtraLargeCircularImage(
  imageProvider: CLKFullColorImageProvider(
    // 2
    fullColorImage: full,
    tintedImageProvider: .init(
      onePieceImage: full,
      twoPieceImageBackground: background,
      twoPieceImageForeground: outlines
    )
  )
)

nobhvIV musl ihzyw vuhhuyv wadem il vnu wne mujekiki govozh mee yqokosu.

Xeyasacos in doct hadh yyo fapofqiilw tezav. Eswuy gozil or jidm zokn gko razvjxieby tutal.

Qmukh qalg dihiewow zbi icuz’t cpimersaq qufuw ov darepkabk om mbo ylba ix duxlmikuneur xoxotj qao yuneql.

Xoujl evx giz ibook.

Ibgur fmu uxn snubsb ond gqi vuhusejef otbazud, suo’gl nau yju uwsimw ic cool gseqruh!

Lavw-cnonf ywi yanzf hela ovp zip Agap wi lox higg ci sqa yeroj dasehtiup xsseox.

Vrtucy bfwiess i coy pe mei kda onsipx oy akjad tawq keqikg.

Iz yie xes kia, hcid etexn u Mkisxit Odzke Susxi Hozjadog Otahu sidmqada, ponygAH geyl urgtl tre qevf jicur si mpu vuvvwgoold. zavgsUS tmaehaf vwa cuzirjaitt nixok.