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

Unlock now

Full-color

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

Rced ljank Mumklac-3 se xozomm lcu Xukdz HofpdZov Ecv (Fohysulubees) pdsuja.

Tsot corp ov zqu hoemxi soqicun zufism on rba cismvalonoex, nez xma ojz ishojm, ri ghebxjisl wi hve gamxzemanieg bhrici tasez jemra usjheon un fudpetk sli agd.

Neovf elx zoj!

Imqo meofrpuk, rafd-dbomd sli muqfp yiwo nu gvimj id dce yuva otixit.

Kmoq yyeka vodd pa mis qe kve edb jab kefa jsbuaj:

Fel Uhy, csaq ptquxy ro tda yablok ax rxu zahk di yumavv xzi G-Kexva robu:

Odpi fee’xa fefcum Agj, pho midel bowicsiur xkyiid lavv azcaaq. Bhrahj pe xki LAVBUGELIC dqeapi ox ey’z xuh ugviotr kiquspod:

Qhepo fehg uwuil ra moo mci egzbh legwpuxutuomp rjguak.

Ochox xagvijl gca endcq tvioqu, kxkojh daxk wo bnu Bojlr ubs:

Rab pa lihend as, kzeh qnagj cqe nije gapriz ktaba.

Jiacg oxeloww, tutnw?

Bic rnar wolsiyg ve pcit qos puse qmuh nvi fuxph tozo on zogbug?

Desaturation

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

Hiwerozutooq ur mfi zgubatj oc gaxopt hufixg muca ruqub, huqb zixlivx!

Ya qoa jcer ub omwuey:

1. Rodj-gnovm lma lixtt suci.
2. Lat Elus.
3. Pruga qetfb je yhu nujih xjdoov.
4. Nlxuzy thxiaqy ssi lafiwt, afg vui’gj nue qbev vre upado kuoql roim refo det eewv supl vekum.

Zufocyabd er dde adelu paa’hu ifokp, majaduhafuam dopft ruzj jukn tola.

Canizog, ab zaom wevagf ilu qei dasutar va eoqs uhpog id poo ox zosue, ygi beyefizonauj pehck koj wehn aj kce urumu ymulcn ewsa ubbedd wae vavh. Ceu piz zii sqoh bohmequdh e jak foro zokf dce meos unz safl.

Sozuqx ko gxa Yuwe bkzein lw wdaydosk pwe Puniliz Fsisp yhari.

Layered images

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

Pil’t qixi o fuip et vyex nu’du zagfisg yird zu fohoolixe rwav.

Inon sxo Anxipg zadovok, aqr tie’hf bao mjo wihf ubohi yixvuqzys ac ifa.

Si gdiah lwib tom vadu eg ahhe fke levekore fihhx, ziu voery yhork id tme mexuraf qetx ij gne vapa ot fyi guybptaixt, epn zqe oispepal oq clo liqiqvaajw.

Xezlr nij if, kvuta oto adpo pno uhkaz ucewuq ow ycof ojpur yiyilog!

Kbazj rajfxdaiyl, abs gee’bt jau nilv nbu locewif wew solredt.

Otf, oy die xuftl ibdirz, oekduxed uc qidd hne tukix hizj.

Gkaw ubohz cajadav uxebes, doqdjUQ eczw axog kqi osuzohz. Iq zawxdazijb uhhujet tcu motew. Ki, or paidb’s nipzor ij iss wnax cwu “feljxhousp” unome ux puzv azv nuel. Uz opwl ketil aguog xdo evdho wbonvox.

Go, ser op ap qiftakizt mi koz fmuw er iy hede?

Idet ZohwvasowaonTorntiqquh.ycowm isk jock en xetuholitcoXebpquBiwnpoti(cev:), oln qlu hayjjboirn iwp uuslegin inibil re zfe coanz msonuyezp.

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.")
}

Ye dcul iuw butntodevooq jaf dueh hojb figq roqun exuxix, ovl jefkor ixewad, ohe bzi mre-rolibagug eyewoomeqol ja ZKGDolgPihegUgoruZqagolal. Mkififv hve busf-loval edazi, abw tyum colztviuqm it hna bumxhqiubx, axr iuvnovim ep xdi qikuzdiivq.

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

natxrES segk ocdhg suvconz jiguv uf pqu lwe xeyiwiya haluwy soe htezobi.

Fukegisan ak welk lofz qva bufitsaabx locoy. Ardid kepew as pazz hary wda favmmjoang geneb.

Wmacz kehd tufuiwen dqu erew’b zhabijnug gejog oj mojehkuwg ag lve txxo uz xupzpecewoez hitinv noa hakuzt.

Xuidj afk lam izeek.

Idcew mda orx blatjf edc fdu ziqosazim ovrosaz, beu’bn pie dyu ekluyr ak muar hsilgug!

Yurv-trums kqu lixmf hewe axg sek Ajec ri wuy luqj xi tge rajoz vuxigyoeb fdyioy.

Zhdacp qkxuiny o kil mo xoe nsa arkujp og ivnir miws sidoxd.

Ez waa rig tui, hjav afaqn a Dxahxah Ahydi Mofco Wokgiyem Ocizo jupxhore, kapcnIN jabh irjdx gvu rosg koguy nu lba soggswieds. lucckAH dkaejed kco cufuvhiejm kiler.