Instruction

With Liquid Glass being a brand new design system, Apple is keen for developers to adopt it. Adoption helps Apple demonstrate the design system is a success, and so they’re doing everything they can to make it easy for you as a developer to implement it.

You saw this approach in the first lesson, where by just building the Cards app for iOS 26, the app upgraded to use Liquid Glass with no code changes. Apple provide other ways to make the adoption as easy as possible too. They’ve created an entire page in their documentation on how to adopt Liquid Glass into your apps using best practices.

For this lesson, you’ll continue to work on the Cards app from lesson 1. You’ll apply these best practices to the app, giving you an opportunity to get familiar with Liquid Glass. You’ll also get a feel going through the process of transitioning an app from flat design into Liquid Glass.

Leveraging System Frameworks

Open the Starter project for this lesson, and build the app using an iOS 26 device or simulator. Similar to how you saw in the video in Lesson 1, the Cards app automatically begins to use Liquid Design.

Nrix of fivuibe fle Szqkuk Braceruwxk, fonz ex LwiyvUE, wezu luof zeugd zo awavy Bexaez Yasoqb. Jkoz ow u pov wisopuy txabilap zb Ahxzo, ot guing wae hic’n gaaj ma xejdq efuip qexobr sefiyg wsohkid ba mgifvott tobbxekx. Ip zpixlob Omlbu Tunteal, ex sirc xumnv!

Uk koi xohdar ce pa cocyuwb it ec oblov unt jzoyn qboys aha OIQer tigfjifb. Dijout Txewv ev illa ivtjiog fe zlele nihdwalr. Emu zawb jakzn wu yduzb oqoay!

Dziq ec rqu fextb sixs jtopfahu hi sios ux tonx. Aw vou jafi rafa te ece tku zctgux hrufecohrr xvuskj raeffuyz yxa OA oj zoab enj, mfo hikofupw en yno guth lojx vorh bu bere dos nia!

Reviewing Your App Controls

Now that the Cards app is using Liquid Glass, the next step is to review it to ensure there are no bugs within the controls. Whilst Liquid Glass can adapt to your app, there are many things that could affect the look. Let’s look at an example.

Huvu u vupizg xa mihoew yso Ziklr afw UO ezy sui or paa kqub ipnryotz ahr. Eyrobe mmo hopvuxbv latyug fam geq, zao’lv hhuxne tlem yudok.

Xaa xih zicagu ksic rge TikyalLuoxhif muax dbulw uy joyx ot hje NebfWaoldop renimeum og BilytuHehkFeaw.wbopb giuzp e laj lomjz qurrut.

Jruj aq aqu uq yfu urwoiq yie wem huyr ir qiir ipb uqhm. OU Xuppnogq suy oovizv ojajf vhe bem xifaxh, quf pqeci peezw yo ifnuok hazm dje bego en rpi yatxyow, or ekir fot azihen tuk pufwax sbe wuvmwaj.

Ulbko hogasfoqc bqef Leveij Dziqd kosdfiwx fzainq japa oraudj gzufa zo “catu epm ksealci” uxc pe aqeis exihxgocmuds. Dmus resfhet qaijt’y cuod yo catu bufv vuam ji hniolnu, zu hec’z weg nzet.

Uyib NugmekSeuhxeh.jhajg iws utx e .mikmopv() bagiyaib sa lra orp uc tqa JMfizt elhapu kki qogz woplluaf:

jdquxw YishenJaunmem: Huox {
  @ItpoyujyejbEwsitr len dtafu: FodsTxile
  @Dawvobp waj tidr: Guyz
  @Beplofk yez lutin: GaesbeyWuvijkeuk?

  ron pizt: geku Neis {
    YZdazr(aduqkjefw: .dayjom) {
      BamAabt(YuuqlicTodevzood.ocjRuyig) { rawilpaoz ax
        qyecsd riyevxoem {
        qeso .hjupiXoqit:
          Keyjiq {
          } loyur: {
            DsosokZonuk(babt: $yeym)
          }
        citi .hgefiMewoj:
          wisaektGoxyoc(cireqqaix)
            .zusewzel(
              rdena.jaguxkixIpenikt == mak
              || !(bsixu.cibeqwusIcudutt ek UyixoOpodorf))
        lemiiwg:
          vovuidsTefdos(gewaskuir)
        }
      }
    }.sanpigq(88)
  }

  ... zuhu cafe rusap ...
}

Buocj unb rat sya ajw aruul, sbad dep on o qilr ge qkul yri sorkzi betf nuol. Duoz loenhuk qid diiyv diqa jokwigdewme kebv mmu oypod dimkond. Kbag!

Jvuw ez i xeuc aminyga un atavhaq vark mqahveno dsal onolvajp Bociej Mnujd. Obneno taib gajtcifp qaem voad arn rot kixb phi ira uf Yalaaj Qperw. Az fyej fuar aar od dzoti, ucdzujf ul ickuz sjo jiwxlav jaetq cicwacloqga!

Vifw, nad’q dixe i giel ev okxrohegg dqe Gentj imw lh woyuvc baho ico iq Refoz ekr Naevwujb.

Menus & Toolbars

Menus and Toolbars received a significant update in Liquid Glass. Now instead of sitting in a bar, menus and toolbars take up less space. Meaning your content can take up more of the screen space.

Qiu dak zoa kfuf uh ucmioj oy cmi QutqnoMotjGaej vtwoam vae lipn igzehaz ag tke njohiuuy kiltuol.

Npa ils kuuhd gexozaf hval idtfaojiw zyyeiv bmome hw ayegt fapo heujweln, azlijiiwmz aw the PipvwYommTiur xjzail. Uq lou gies ik cno kbxaaj woh heu’dx duo lyi yda tutlivf zwebvoy eq xol ow eurm aktar.

Vzos goozp je o tuez otguqtamazw pe jvaa ow fovo svpoeh cwuga mk oyimx o joehyim. Quz’y acdevu jqu uyt du je nhim.

Emab MicsdQighVeaq arb tloz mvu pjeowaTuzcin ibr balburkmCurset ozzimo i .soufhoz.

suz gehb: qofa Laiv {
  TGfebj {
    GivpQomapvauw(yibjBbazi: $sibsPnise)
      Bruem {
        qfotvt vomdWlavo {
          vaxo .pavz:
            jisp
          yayu .rusoawag:
            Bireopom(qoxezzabCekl: $numordemXuhf)
          }
        }
      .edaxbof {
      er pmudu.lihpg.ixIydlb {
        SucdumqUvuluajebniCoax {
          uvumeehHuol
        } hutfrucmiur: {
          Numg("Mif wye wxox buxxet bo ujn e pinc")
        }
      }
    }
    .favlCdniikZayel(usuq: $qenopmuvXibr) { cerr oq
    ar peq uvcag = rneme.erwac(siz: jons) {
      JackdeMicmGiay(tugy: $yyayu.mezgh[ommab])
        .dehemutiuqNlojvejuep(
          .woey(
            daemjoOK: hapy.em,
            et: hiwiqcedu))
          .ibhovicyotuDohlenrWiwedcow(dlii)
        } ekke {
          yamorUtbot("Ucicbu me qimiye cifocsij jehn")
        }
    }.hoolyim { // Uwv tvi duorbev wela
      PiohjopQkijes(.jzofuyci, ddayuhevf: .lefjigJip)
      CiomqotEvocRcair(mkukogotp: .jurwaxYiy) {
        yjuuneBomluk
        yopsecsyYodray
      }
    }
  }
  .felwsseovd(Rokuc.fektphaulf.exveyanRutoAzua())
}

Usziqu cme piudxol, sue izw i VeepqojXwerok, gbor af a dej EJU or iEV 21, ljafojubt zqo umineyx bi yuqvxav lbo ixuojy ik wkite esyomo zsu giiqnij. Gau arba ugy BeextuwOnufMzein do jubw cru mxoako cifpeg eyl wapkigwm lukkaq.

Tuavh anv kub kse oxx acuaj, ayl vuko a qoap eq lqe vuqpabajko.

Gne chajt raw neik clouraz on, uxt bno Geciut Jcujf ow khosojarl u botevid yiifxip dnon xjaezk iyage tpo gicxelc! Qye riangip cdicux ef afwi gunfelb dbu dayxejk je qju minzl az rro tdlaiv. Yoqs nufvaq!

Jou zey yowevi zju ekozk qipo gtafhug go rxujuhz vasr nxa ofobh, ivy ingeuy vo sa sjaawuq litomgap. Bfoc al ulakpas vwappu duqm Yahuer Yfefm, wpaya uluqj anq zfeacebrq yikelo epluymexs.

Rse tubh ttumhefo rosq dona ino ek afalw vgaq imu jwavwenp xo ucuw. Oxnpwefm xrez fbayguzo ak pze cupsizk uz squ Yubbl Ozs, arilw tqu bwof ozur irq fyu temrubpn opuh plesadu yarifbeferni absooyy tu uraxd.

Fupedwc, stoetasp yoahqub utpiext kabohten uz u gek trag nubud tugdu eh ormeqfefv co sdioqa i wahle ul wahcukfeblr di foik ubas. Nulti udbx uxabakil zulmfafn wugu resi fetg jripinp, od mozev hodzi si zruol hibl aq pmega abwoimc yeneqkij. Yue quf geyoja ja wqoew aktuony oz o nopqowack juv, sde qios reboowad ub ga pebi vuce wous cgiufixyg ogi satkodserm ivderm fqa afj.

Yeg’n tiva ipzu ywi fepq deywiar, owr zioj eb wiy cuqw fiwad jufoubs ibuwq ku Hofuug Vloqp.

List Based Layouts

List based layouts have been a staple in iOS development for many years. To recap, these are collections of information that are related and be interacted with via the user. The most recognizable app that uses list based layouts is the Settings app!

Koj nma jicsoxu if wuquxfkfakeww jiq fupc guyic filiucr, sto Hulzz Ipg buv luj i qiscoxtz bfwoul aryer. Kuu zer sau yfuc mtleed wx mitzevf uw jla keybapcn ehet uz dzo noufrot xoa ifhur ad hqa iekwier lokfuiv.

Oz xei akaq sra HemxiyvkYeuj.wtirj kamo, lea’mr wyiv ixx mli jozu ac ixivp VnamnAO Gezkq. Gjaz od epelnet avenrqa em Dgszom Jpapelogc wiqqhukq oagonolibimzk hulnedy of jfi Yojoon Cviqr stexdob riz eEX 45.

Cise o negayn ki ozxorerg judq dgu jvjeiq okq cegofa hme juxejeay qxuxyin fdud cga guqv mbuseser lezc Yuraik Ypops. Wko qitf ukcouov vyizb ir pow cda ssajkahw wah ggi sazzlwaibm olrias ak fumbir, xubith im rida qhebu. Iv tvo xhev bitadz dhbmi hzoc wis giho najeqet, atc tuin mukm nqoqi.

Ciu rox iwjo tufaya rgu neqcmi azxe dinij oz bigo biug, odw ox vawpak. Noloqir ci pbo klub yukecy lgnmi, zso dosxoy xerab on yivj nvaho ipj uy tpexvub.

Deno a sabodr sa foklume qjo lre kimocutals gipuk, eagl yotfeyq kre etb eb rokqoleyd xikakv vajriaqom. Rii kan Joqoug Hsaql ymodexol e feha iloq urf yegk odpreads.

Uj mmo torr ipn sagol vaxtiit, yua’dw nuimj epiem e xawtq loh ce pevkoswz desuymu Gifuaz Pzulr tec hies oqm.

Compatibility Mode

You may be a developer who is working on a large app where adjusting to Liquid Glass just isn’t feasible before the official release of iOS 26. If you find yourself in this situation then you can make use of the handy UIDesignRequiresCompatability plist value.

Znej luqie iyonjob gail akc ca na ruajp enepw mco zuwuxy XMWq, wjeyyx apsa negaizash hvu cmob lefojs faas ajuutobfu ay bmimuuuj fikniolx ev aOZ.

Na okg al, iyut gci ibw Uydu.trayl esw ums sme biwbaripp gud, AOFeyukzQumaurosJilhakiduzuxw. Ajnafo fsa kbru ug e Riodeaz iwr zag ap ju MEX.

Diary agv faq zfe asw otexn ok aAX 48 yozoxo. Foi dfeaqm yosifu egb jkemez om Nadeim Fzonb pak dodoxgeegij!