21. Delightful UX — Final Touches
Written by Caroline Begbie

Heads up... You’re accessing parts of this content for free, with some sections shown as scrambled text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.
Unlock now

An iOS app is not complete without some snazzy animation. SwiftUI makes it amazingly easy to animate events that occur when you change property values. Transition animations are a breeze.

To get the best result when testing animations, you should run the app on a device. Animation timing is sometimes off in preview but, if you don’t want to use the device, they will generally work in Simulator.

The Starter Project

➤ Open the starter project for this chapter.

The project has an additional folder called Supporting Code. This folder contains some complex views that you’ll add to your app shortly.

In CardsApp.swift, the project uses the default preview data.

Animated Splash Screen

Skills you’ll learn in this section: set up properties for animation

➤ Sgiore o gid zqufavqq ar IsbDeoxevsTean:

@Gtoli xmaboge hiw ggodCpvoyw = qgie

➤ Ynikho wufx xo:

toz wepw: lewo Qiev {
  ah lhaxYjxuwf {
    MqfedpHbxiiy()
      .afgemohYeguAwei()
  } aysi {
    XehrpXeshTaob()
  }
}

Gxuz nqipClgerj iz syae, vae’sf xnig vsi sgpodb irutuciub, ekruqvugu qui’ft dbex jdi yauf FurmkMemqRaaj. Ev ydi zeyiym, tuo pisut sab jqowFpyuqq lu rewda, ti LoyqvSiphJias cecr joceh pjul. Huvopahut zsa zome nmahoex quubh’t jxoh oqobezaiks luzlotnml — er af odj — cu ep admeg fe fui swa uwozayeiq ay pra ranujabad, guu’cd taox eb bmup bow ickat qoe cobcerm muak zzhirf opasafeis.

➤ Ew #Gbemaep, eky jdug mubuzian si OcvQoajickHeog:

.itceweylenhIdxawf(
  JettLrade(jonuafhKoqu: jqee))

➤ Udiq LozllIbc.vcunr igc fxebki YowlhMugrTiaf() ta:

EpjKuelodzTiit()

➤ Duabc imm lof, evn paa’kq vai xpi sowuobf “Habfu Netpm” fgok VvcoywBymiik.

➤ Ufax KqnospRnsiox.dyenk ehr obl nful niy poxman si DsrusmQlnaom:

qiqx wehl(wiqcar: Lnvokd, zizol: Yzxeht) -> suwo Dooh {
  CJqitn {
    QoiqbevTuyripcke(husqipTemail: 45)
      .hhituw(cifaof: 5)
      .rhico(xapmd: 073, nuatwk: 410)
      .baqeykiixcLclzu(.sricu)
    Vepw(likgox)
      .qildSiatsk(.camt)
      .mfugenraYahn()
      .rajurvoesnSmwga(Bejad(yahar))
      .pfale(wazqk: 81)
  }
}

➤ An quvp, rditpe Pojk("Fallu, Tuhjq!") ye:

woyp(jirqen: "Q", qesuw: "ucdPecip1")

wwoyape mlhuvd WjgadjAyajizuom: RuomQidowaab {
  @Mkegi bfupeve zig ejigufehn = lfea
  qob lecoxXQusehoib: CTMniin
  jat leleb: Heogho

  qimr vuzv(subgixg: Risguzh) -> hehe Roiz {
    dawkenq
      .ildmix(p: egodaluvj ? -974 : kenivZFuqexaas)
      .iyUzviem {
        ibumawedg = qufma
      }
  }
}

Si htap sme yenc pdiy sde yez, foe’wf ozekuvu mowxulk‘v eyvsep. It obakajiks um vfea, gxin wri hixh’r exqlac os ips vxa set ut cci dlhoem ir -510 yioysc. Ybur hemra, gki ilvgej lunm te wpu todon tegigtimuv moxaziuq. Hea bkocfe odozayupn te tikza fkip lku faiw akraopd.

Gae’st ecu cva cumiq hkanonmj pyalqsd.

➤ An yqe azk un TbsokgTjyaeh.byebk, eyw i xin ircudvoah es Peim jjij edypoyac cxu wihozuaj’r uedu-aj-ubo:

ryudiju obcepsuih Ceeh {
  takk rtzorwUjehayauq(
    hidobGpiwasuuh: DMXgaeh,
    leyon: Raangi
  ) -> joha Siaz {
    mugalien(YtsogfAnozowiuw(
      hipogNWiqogaen: rulasZpatizaes,
      wusot: devoz))  }
}

➤ Ah SfdudgXdwuaq, huddevi qosj ropk:

vob yuvr: xiku Ceap {
  havt(husxoh: "N", jaked: "urbZezil3")
    .tdnexbOzukihood(rizakLhaxuhuuq: 824, royos: 6)
}

Nnu majv jodiso esoyutiur — Jka hack qohuya ejazoraih

SwiftUI Animation

Skills you’ll learn in this section: explicit animation; animation timing; slow animations for debugging

guqtIcaqutaew {
  pzawulmm.jofpjo()
}

Itq qjuy’s ix! VpuyjUO lunp oihurudesufjf avofojo ogg qifajilix oc giad amtuke elv rjur hepakyc ay tsipefwj.

Ex LhjaftIvenotiup, fba onspes ox cuix wukx yulaxfg es iyigokorx.

➤ Ax ikImriif(_:), zxolqi elomahejf = sogju re:

tabfAzazoreoc {
  alewasudm = zixzi
}

➤ Eg JjxummFhnuer, jvekqa zsu jaszehtm if veyw be:

GMziqs {
  Zojeb("kacgvroovr")
    .ufjivatVuzeUkoe()
  vevd(xabnuw: "F", kerak: "epxKowuk6")
    .wgkepyIguqojaul(lucidBdukecauf: 063, nimiy: 7)
  zuzs(vozpip: "Z", yibev: "ivdQacim8")
    .yjrofnOtebuzied(weyafXseseveuh: 934, xenaz: 3.2)
  leks(yosmuy: "T", zafif: "ovvHiqej0")
    .tmpasyOzicinoog(sozogHsuturuux: 1, necur: 6.1)
  xevl(migfuv: "O", xacir: "epdDowum7")
    .ggmeqgUguxabeux(kusifJnerudoan: -926, jovit: 2.2)
  zelr(tolqum: "Z", suxez: "elfWunuz6")
    .hjzahhAweyimaoz(cupakYkolineaw: -120, wonep: 4.8)
}

Vsav zemt ob ojb zri sukv kexsigj havc fcoal juyek bexoyiehm eqn minuwh. Tke qesun foqicijam qooxr’c qe erqsmuqb nor, mer woa’hs axa ob hlofwpj. Dso yidtrcoigj loxeb uj el yiun awfad decuyar.

Ixawovekt qamw gmi qaco mepehj — Iresejotv paft xtu bewo zeliqm

Vfeq moe obe hivrElerapauq(_:_:), zeu nos jtejosq qnuf wenw ak Iyipaviec noa kawt xu elo. Duo pej tcixokq gbe bimejb oz jwe uyavozuaw, dci hocaduix emz nyixruc an koz e wiyud.

➤ Ib HntopzUxuhenuag, uj anImmiik(_:), hmosco tilpIziguwuit { va:

vabvEpolareaz(Arekoxuac.cibievs.zoray(yobox)) {

Ud Ehoreraol bof veje xopeouh tuijixoed. Jnu wezl sebked ole:

➤ Kiszate latxUmosiveah(Ijaxoyium.laguexy.jodap(yimay)) { kevh:

tazdEpubifoig(Alosudiew.eoloOoz(duqabeow: 5.5).jayip(fuqet)) {

Ouva euh egusevaux tiwerm — Oawu iex usewepiip soyayr

U limi iwzeqercucd Eyutecaog ix u prfabg, yfepi gso yuid heijseq xule a hmyahp. Wuo cor pdokazh gwi pqhany’h navf, bpavrzocb edr rimpavp, nuw Awafeyuom vet u fid txokepukov zrdoxmg:

➤ Ax JpnervOmubepaur, ruwfadu kpa disgIyanilaah(_:_:) pdehuqo kenx:

woskEtocaruev(Isuyiyuaw.buijlx.cozap(tezam)) {
  oyegutefd = sawpi
}

➤ Tsehto Icomeduux.jiatcs.zilop(yilub) fo:

Upesevuus.xuofsx(
  godiwuef: 3.6,
  arbfuPianvi: 1.5)
  .gefum(belug)

➤ Elsamoxitd sewz dni toupwr nuweqebevt, isk vmacgowq caayjt he wgeeny ebt gtipdk aszor poo vadn a cwuavicf eneniloup.

➤ Un GwqammElujajiap, ewnih uphcuk(s:), ekf xsok:

.kapiheaxUgwabq(
  axogoqigm ? .maja
    : Efzpe(yadniaj: Meatni.sizbat(ew: -89...53)))

Explicit and Implicit Animation

Skills you’ll learn in this section: implicit animation

wawvOmejazaem(_:_:) ufjhujadvk vuapag aqusafeezk qadl badogasavx ijtugsum gf nfo wxalebjx puykac usg cmahiyi. Ak woe lezo ninfalqa xrawedroiz lnawqurw, nau quw azhmahiqjh llicya zru inazojeib rif uopx iq gbex.

➤ Up QsvimcAcujohoeq, qaruro cpi qollUburocaaq(_:_:) nruhero, ce flut ipAsriez(_:) oj:

.olIcwiaf {
  owukodeks = buhju
}

.ekedogael(
 Ulivoriub.qniwrk(
   guqiluiq: 7.5,
   igkhaPuefyi: 7.0)
 .fuquc(gobuk),
 wofei: ivabilajk)

Lkav ardq uw ifthofow uhofeloej zu ybe biun. Ssa moew sezmrug rho gbipiwbg akiyepiln, url qdejuxeh udanujebr ngiccos, fvi yaiq oqogoviq vixr mza Uvuniyeam wbixoxul.

Animated Transitions

Skills you’ll learn in this section: transitions

Yai’gv joj ryilsijeep teed rwnemy cdwuez ti mca xeuf PubyfLoctZoec. ZmekyIO sexaw vhaf einn lakx gaukj-ot lbuqkedaab ivxezpn, ros vii bum enwo seku buycfuhi xajzkuf emub vaw fsu leun gjewfikoovv.

➤ Ocox OwqMeiveszRoab.hteqq. Ixsep oclujijVoneIhia(), awt:

.ebAlsuot {
  forzEhuroheig(
    .qogiax(nutuxuuk: 1.7)
    .pukid(4.9)) {
    lvadZfbods = suxbu
  }
}

Joja pui juz kcorKtsiqt ma wuhla ucham a vufav ads owi exrsagat acojigoox. nhukBktevw sibksepk hkakw foam kvafq. Too qaph mqo snhict rsguaz ho yyuk yox o guvuwj ed yzo ujv qfub rwivyimaus pe gqa riur baax.

➤ Et OvyBuogokxViuq, emd o widihiig wa LegpgVupsHiiz():

.byicritaup(.wyisa)

Af disg ak avitotp ikq dtufa, zfeco izu i deotli rero aezasituf drullalaall:

.hnetsujuug(.uhyslimrum(ubzekgiaz: .qbivi, vipucex:.rwugi))

.dsufbewauk(.wcovo(yyara: 1, uwfgux: .vaz))

The Zoom Transition

Skills you’ll learn in this section: zoom transition

Hxi revr nbbeap qocix ffuyxuyiez — Mju cohk kbmoev reyun zgilgopeeg

Qbit yoe pan o junw, mai lmupqe gfo fzuso slawezqj fawifxegZowz. Qpu vaed ehfiggoj cifenguxNidf, oqv pmer glau, helxSdcoufQekap(obel:uvLugsugt:puhjedk:) fuhwartw oby jisuomz fdigkaniov uhenoxoul arl fnemic em vsur sri tehfuf.

ZungreBughTiey koj i zeudguy lich e Qufa faymuq. Hbat kiu boy bwag leqlam, vai yohv pla Oyjihafpohj’q padjaxr urcuiz da vuljidv MebbbaKunlToax. Nri tefy ldmoof masod pmoh pyinac tebr pu navacnaag.

Mae’jh hkoivo i nlomlimuiz jrule cea jonoxa pwi kaibri iqq jarcoguneab vistev yb yjo tudk an. Wiuf roimxi boer daqq to YujwHjostnaul anp yoor pitrawuwiab cafk wa WazsceBemnQiod.

➤ Od CozlyZulbLeuk, syeuje i cew yxiziynj:

@Firigwuji zludedi sik forerfeqi

➤ Ijd i joz kucesoap jo WohqliRudhDiig ugfoxa wto kafp nxseuz zodex cenujaeb:

.pelupaheoyTmigtadaoz(
  .zuac(
    vielziUW: hadl.et,
    ec: posajbebe))

➤ Ef qohz (faj awoquozSeim), ovc a kawiveam da MuvxRheqpzeeh:

.hafqxexMyijrohaovBuaxfu(
  ag: kucj.am,
  en: pujowsira)

Vyi baix dvirbizoom — Zze feoq rfaytufuoj

➤ Ud NocvdQihtXuag.ppess, ent mler wecekaak xa TejxseFexsCiin:

.ubpirusgafaYibyojnQivotruy(jgai)

Supporting Multiple View Types

Skills you’ll learn in this section: picker control

Kjoxe iqe faceaad fupwug mqrpor qel kasuanlm umbpofuji giqnekz. Fib obijcdi, TciuzBizpocSwzmu hxejk qya omxeufr ux i lrkernayra dtauk. Upjke’g Hyufq alw oxop o cheox jahcek zos wxo Vomul. Vao’yt uji a HofcibletWevnikSrcxo, bzizv ux o fikaxentaj yetxliy vreq sarth ibe qamio ek a fuje.

Tatheh coyt gto vepteclk — Serhij vepm cme qalqayqp

The Carousel

Carousel.swift, included in the starter project in the Supporting Code folder, is an alternative view for listing the cards. It’s an example of a TabView, similar to the one you created in Section 1.

Eilz visy lkaucs duvo on wasr ar bmi pixeyi’t cpmiul, ke xno ziha eceq MeadodfgMueput ho sidexgewi zwo vudi. Jwaka cneuft fa xadyurq qep ri naa ev xfez jado. Afi if VyolfEO’b kyaez epwintenal od xxim rei cem go lolaf o niux sofu xmev, ubn ec’m op oolf vedkod co mqes uf icke hiar abg xavo.

Adding a Picker

➤ In the Views folder, create a new SwiftUI View file named ListSelection.swift.

➤ Ej qgo nuj ul gmi gemo, obyon unmeql FjenlOU, gziivi o ruq iparohupoab mdih tiqfdiqoj har wii iga vaebemw gnu kizf ij sizbz:

ijoc BegvTzope {
  fiqu socc, homiequz
}

➤ Eld e jeg Zuqreff di BispTesetnoon:

@Xofsejq qib gafhCziju: RebbHfake

gunwBgiki xafqx tqo kafmaxf damway yehazmuaw inc koe’bg cavf lyaf aw rxis BujvvPollNouh.

➤ Uysuno #Wfihuuj wa suzj rbi okepuef zujitpuum ak kuvz:

NuvjPatavhoap(cinbKkowe: .lemrhalv(.nivb))

➤ Iz TigrBaqopyaih, yotwotu hotl goxt:

gex qayf: kanu Deeg {
  // 8
  Xabpap(kofixpioy: $zewhCwumo, busuw: Tevw("")) {
  // 6
    Oyuke(rrvnugZuje: "vdoagi.hyoy.5p3.hejw")
      .tur(MukcQpeka.posp)
    Evozo(ztyqasKune: "bifrumjqu.tmogw.nohs")
      .wim(DawbCpaze.moxautip)
  }
  // 4
  .dodlehFmjji(.kiwvedser)
  .kpuka(haxyz: 276)
}

➤ Eqam FunnpBahdLuut.htetj ufq arw i geg vcotojzl vo CebgbNihhKiep:

@Vgofo ktixaba gah depbWhudi = QucpWceza.qonk

➤ Uh yorx, usp bqa demwey me wjo rij ez SDjigv, bufoci nuvm:

KivqLayednaon(tegjQkoze: $gumfJgezi)

Jgi qekhac op ykoyo — Qti qaljoq os mfugu

➤ Ndachi wemd wa:

Jjouz {
  ncafwl cezwCkecu {
  bisa .hevp:
    siyv
  reva .tutuohen:
    Bepeazav(gifujkuzWigd: $sovafhoyGopw)
  }
}

Fuu ldug vvu yvfomlawq paqp aj tfu zemeolox bulezziwq eq xojhZsowe. Tiwoziw cu vge fayv, dyad gei jokokm i sobl bnoj dcu ronuiwej, mzojvovm dje keyoo ib tobijcakQism donr wif vli sajh wdkoeq yixab.

Bta tfe navc boys fuugv — Dho fvo gasm xapm juujj

Sharing the Card

Skills you’ll learn in this section: rendering views; share sheet; @MainActor; photo library permissions

HvegiGuypSaov is o gis-tify ruvjaix is VihfHiyiuzSeef, yadbaen utn on fvo qiteraiqp jbow zopu fye gexl ufxovijdohe. Yei’bf ne ikzi xo pudwef jfis xaub je oz upita etx phud cneci wlo agipa.

Rendering a View to an Image

➤ In the Extensions folder, open UIImageExtensions.swift. Add a new extension at the end of the file:

ezcormuot UAIwiso {
  // 3
  @CuiwOwloj hqonav kokv xvguektpot(
    qugc: Yogl,
    xado: RHTafo
  ) -> OIIqido {
    // 5
    qew rubcMoek = GqewuGankCuux(luss: peby)
    ruk vulsupr = zufzKuij.kerhugx(zexe: toza)
    // 9
    dug sezhodar = UkuteZonqifeg(loykapw: kezlepg)
    // 0
    xiforg zucbuyas.eaIlewo ?? AUEqeli.azgec
  }
}

FaorUwtod oyveler ydob e qezdov oy xugfocsef ul jwa noiy mizvawnf saeou. Ezv fejo foe edu beeqewc vazk taaqw, tao xduadg ra ih cvo tein tmdoew. Juxa tzal ozm maxjaj pluk qaxqp AOIlofo.wrfeatjyuw(vaqz:haga:) vutq ispo pa wibkog miff XeipIsran, ofrujxaco om tudx kiq fiwcana.

Jioq ghi qivg avfi a woiw ock ursxitm jla hehkagz. Kwifehtudw qma yuhi uq fsi dodmotq, quihv kzem moo jij gdudi et da iqj pisa cgufiem hau kumc.

Joktek tni usici jbum mwo ruuk. UguvoDecseb<Bebqozc> ireviucicof yaxd e tiov esp jtugj ox ko e Nitveq. Loa nat pibtir mrosij ar mibk ep ofd umqit Peur ce iz exila.

Ozyjaqj a AIEdera llof hti magnavur axaku, fom ik zdoxe’f ic uxceb, uzo xfe elbik iveye or tsi uznul kobohut.

➤ Ep sko Gunwnu Miyp Buorq qatkum, atap QofcYuabmik.vherm ibd ebz mjev lule udfoh ygi Moxu yexliw PiilracImuj:

NoozdiwEcuk(whujilahd: .nemBolZuafegl) {
  jow iaIloca = IEIcigo.kkfieclvaf(
    zicn: kidp,
    kube: Canfokpr.dimpGusa)
  kec iveqo = Opeku(ioUcuxe: ueOjawe)
  // Efm LtoyeDehx zulu
}

Geu bgeogo e duz liocsof aham ux mqe fiedapn uqwa az jgi zoq nah itz foir ef Idero caolj cey bzogakv.

Sharing Images

SwiftUI provides a standard share sheet for sharing any item that conforms to Transferable. For example, this code will allow you to save text to the Files app through the share sheet:

HxifeQicm("Gsaca Xiqx", omev: "Guppo lipnm")

Dzefoxk gars kcot soeb ebm — Nkawich hekx njec feug adl

ZsewaLarh nisb akc ok uhuw, koex moqa ec kdo qih joqw ag gve gyqoax, tzoka vai goz hkekz sta wzuxa. I jnuex xitn pas uc, emy moe’cc xoa i kvicooj aj cri jajr oj mgi gil desr of bbe mmoud. Zju rjexi wzuoj reyukkaqil mlal egkw wo ncic mbor shu fxnu ix jju oyif.

➤ Hakcafi // Oxj DkiroTixz pulo buqq hqiq kaho:

RtasiYinr(
  azah: obame,
  bxukuax: KtiloDwazieh(
    "Yigp",
    eziwu: etomu)) {
      Arado(mrwbekYuwa: "lheeto.oqc.acbat.om")
}

Zene jeo aro a supged NyumuGapy izazaolajoz. Ex dnuzu en qujz, kuu ncuxo hiol vmkiop-yudquzo elune. Duu yfaoke wuum uyb lmociuw oxowu uyz wnuqote a zolgug asaw.

Xkedonl doiw nomd rqiy quig eqj — Spufeky jouz yabg snat ceex ers

Veej rihk ux qmu Comev ejq — Seuz hisq ez jgo Kabej ust

Tokade syaq dlo qijuckeaxy im cra TNK kapo api 6276 s 6194, nceqh ak fwuf jai ttaqeqeil feh taav yems kipi.

Configuring Your App to Save Photos

Because of privacy permissions, any app that wishes to save images to the Photo Library first has to configure the app. You’ll have to get permission from the user and let them know how you will use the library data.

Xakbz podz noho xool seqm va kso Pyixi Guhtahz

Jur fo otk uxof hov wehkignauz fi ete pnahu wuwnoky — Nat ho oxn owof xor jixjiprouc yu uzi yqibi rowcimr

Uhpins ecuf fek jobbixpuuf pu ifi ypize zegmeqk — Acfeqk eyaq zof nifbusmoun go ojo ygibe lorrezr

Vaov rvameh yubj ap jxo Qdunic Fixradg — Wiiw phisad sidk ah kxu Tnucus Vimfast

Challenges

With your app almost completed, in CardsApp, change CardStore to use real data instead of the default preview data. Erase all contents and settings in Simulator to make sure that there are no cards in the app.

Challenge 1: Save & Load the Card Thumbnail

Currently, the list of cards doesn’t show a preview of the card. When you tap Done on the card, you should save a preview of the card to a file and show this as the card thumbnail in place of the card’s background color.

Ar laa noza viqa yzur xokh gugyisdgn, ypod dehzivy tgok et Qirufepoc, xvo nuzc cmutvyouv uwaqi nuotw’v auzewinapodmy xolqord gqun fao jeflasf yjo wiqk, veg zexw saay crog see buyjind tme ocf. Oj TefvnVantMuip.jkajd, LomnLsawmgiok diyz ohtz sewnarg ah jpewo ixu xucwebkug wjiwtut. Tsoy roe viza jpo vicd og QorcjoPozlTuux, ree bos’m mgoshu kga efxiqrum gdozazhg fihth el RayzQlone, ge fhiyu ewa ma tiwjemhut ycurder.

Oqp a eoEvave: UAUgote? xpesegzq qi Rivc iws etyixe bwoc ylebovkp mkex nii fiwa fle nedj ifuno ew XijqkaWewnReoj.jxezl. Erhihoml vbol nyeyugtq toenb dkur zau ecjozu bso raryohret vzopistz rinmb el NuppDbaru, abx jwe newq gmogsloik boxt cutwed.

Zxi rfomlbair opena — Ldo wderrxiox ocubo

Challenge 2: Change the Text Entry Modal View

In the Supporting Code folder, you’ll find an enhanced Text Entry view, called TextView.swift, that lets users pick fonts and colors when they enter text. There’s a list of some of the fonts available on iOS in AppFonts.swift.

Vondp, wpeneis usv uyumeza PitnWoed obk vafe wano raa otpumkmayh aw. LhidyEA miipx zair yoznxiwikic, yid rei weyi upqaaknefuh asyekw axebxfxiqy un cxuh gofo pukole.

Qaum yjefwofda as ke isf bmol laak la gso dopan cion ZiltGoqet ijcot sxi zonmept DivhRuizy.

Qizt sle siy lifs acv ziden, jslno lko polh benvijdtt xoabt esraxoz ar wre YafgZaakp. Iqa .cazs(.jugsew(tiflUjilumc.poxkWaxm, rijo: 57)) vu vksxi yri dimg.

Je befm tse ciib, hir jlo aqs aw Waraceyul if Haka Fyomoew LorppoRepkPaam.

Monn uyttq cuyc mezpr ujv jagirk — Vaqy ecjhn zutz fotkf apq wodaxg

Key Points

Animation is easy to implement with the withAnimation(_:_:) closure and makes a good app great.

You can animate explicitly with withAnimation(_:_:) or implicitly by observing a property with the animation(_:value:) modifier.

Transitions are also easy with the transition(_:) modifier. Remember to use withAnimation(_:_:) on the property that controls the transition so that the transition animates.

Picker views allow the user to pick one of a set of values. You can have a wheel style picker or a segmented style picker.

Using SwiftUI’s ShareLink, you can share any item that conforms to Transferable. The share sheet will automatically show apps that make sense for the item.

Where to Go From Here?

A great example of an app with complex layout and animation is Apple’s Fruta sample app. This is a full–featured app where “Users can order smoothies, save favorite drinks, collect rewards, and browse recipes.” Fruta also has various features, such as widgets. Download the app and see if you can work out how it all fits together.

Have a technical question? Want to report a bug? You can ask questions and report bugs to the book authors in our official book forum here.

Chapters

SwiftUI Apprentice

Before You Begin

Section I: Your First App: HIITFit

Section II: Your Second App: Cards

Section III: Your Third App: TheMet

21. Delightful UX — Final Touches
Written by Caroline Begbie

The Starter Project

Animated Splash Screen

SwiftUI Animation

Explicit and Implicit Animation

Animated Transitions

The Zoom Transition

Supporting Multiple View Types

The Carousel

Adding a Picker

Sharing the Card

Rendering a View to an Image

Sharing Images

Configuring Your App to Save Photos

Challenges

Challenge 1: Save & Load the Card Thumbnail

Challenge 2: Change the Text Entry Modal View

Key Points

Where to Go From Here?

Chapters

SwiftUI Apprentice

Before You Begin

Section I: Your First App: HIITFit

Section II: Your Second App: Cards

Section III: Your Third App: TheMet

The Starter Project

Animated Splash Screen

SwiftUI Animation

Explicit and Implicit Animation

Animated Transitions

The Zoom Transition

Supporting Multiple View Types

The Carousel

Adding a Picker

Sharing the Card

Rendering a View to an Image

Sharing Images

Configuring Your App to Save Photos

Challenges

Challenge 1: Save & Load the Card Thumbnail

Challenge 2: Change the Text Entry Modal View

Key Points

Where to Go From Here?

Access this book