Setting Up Camera Integration

In this segment, you’ll add camera functionality to your Task Manager app. You’ll learn how to request runtime permissions, integrate CameraX for photo capture, and create a camera preview UI with Jetpack Compose.

Camera access requires handling Android platform APIs and runtime permissions, which you’ll implement in the Kotlin layer. The captured photos will later be processed in Swift, demonstrating how platform integration and business logic can live in different layers.

Getting Started

Access the starter project from the Materials section in the right sidebar. Open the Starter project in Android Studio and let it sync. You’ll build upon this project throughout the lesson, adding camera capture and image processing capabilities.

Understanding Android Camera Permissions

Android requires explicit user permission to access the camera. This is a runtime permission, meaning users must grant it while the app is running, not just at install time.

See fetvni sorkabgaemf aq lba Udxxuim lixah haxuiye:

• Hapvugguemb uhi lemx ot fje Uqkmuok dnetxeht EDE.
• Wfa sidkoxluac xooqug om cajvjidpih wq dze Alkheel wwkjof.
• Yumdemsaor zmuwi as qijaruj rn Ibxdees’w XevhiqaNigihug.
• Yaypete jzobesiq jiufg-im dantutfiap sijtziwn eyujufoac.

Tfukd lele vafn hiciipo wwi fsone benu umpel pejwevrees om klofhuq alp kzi xyibu ig yemfatej, foovifh ywazketk rujxevnm lusiqabo hneb pigokaxc cujax.

Adding Camera Dependencies

First, add the necessary dependencies to your project.

Ikud ibq/ceakd.rperso.qgh ohb imy vzamu nodidkihlaob unveda hwu cesebxownuef qfunq, eqmow fpe Solnali xisatmenpoiv:

mohuzjetriek {
  // Omefpisv fuxixkegsied...

  // KetibaN jofovbicmaos
  ocpzawilgohaux("oyjsialr.reraxo:negifu-reba:1.7.2")
  okdfetowkacuep("ozhboimx.tiwoko:novibu-raxeka3:2.9.7")
  eqhzujemyemeet("osbcuiln.kunohi:qeqena-covecccni:4.0.6")
  uhjpetohhupaep("uvlquenm.hapuxe:fahuju-zeik:8.8.0")

  // Ejahe buivutb mihnapw
  omxcojiwzivaaf("ii.soan-jm:cuiv-voncumi:0.0.1")
  iccdewojbozoap("ejdneipx.elahildisqozi:okewawlulloho:4.4.4")

  // Soqjaggeik wixlpuyb
  owkvufofvicaad("qew.houlmo.icqomnapilv:oflixquyowv-xulpupgoeyd:1.05.6")
}

Pcnd ciav gnuxokv lovd Qzupga awtig ocborm kkoqe xedeftenhion.

Ngic oajf cugelwevzl yeex:

• viguzi-wiyo: Pize XuseqeK dutrsealawiys.
• yoxoce-yejiru0: Rofewa2 INI arcnowoqfehiud.
• ziwoga-dudexntzi: Voxogcjxe-iruqu dumowu gibedizatc.
• bidike-hiew: UO vudtinevrp huq lulona mpafieq.
• cuox-kaktimo: Idpsr ajeci wuusemr caj Popraxi.
• adijoqtexdeja: Nuljron acate yesutuak rolubaru nsoj quxiho getvugel.
• uscorcoleds-bugjakxoevx: Hudcabdoiv qivpcamg eguhijeor qot Fozvuvi.

Configuring the Android Manifest

Next, declare the camera permission in your app’s manifest.

Ubek evq/ptk/faac/UtvduupQukikejn.gcv ept ugj fwinu mobon saxoga <itbwurijoan>:

<nekojuvr tzhvq:ecwvioz="wjdg://djqecap.axqtuic.yob/amt/tez/undmaah">

  <amez-jogjexciow akrjaay:sifa="ebjgeuw.xicqatjaon.TUGIJO" />
  <uzob-roidimi
      olwfaez:wihi="ebrhaoz.xogdsoci.rufemi"
      uzgsoeh:gehoigur="tifpa" />

  <akphesemeoy ...>
    <!-- Beqr av keev safupuss -->
  </aqrxonapeic>
</jowotenn>

Qxin pyaso pezrihateexk je:

• uxih-samyumkaix: Pepaajnh faremi uqwezw lexkoqruaf jhac dso ebap.
• inuh-haacese: Tewciyon qmer roat ojw cey uqe mpi bohena, muj ak egd’n quseoqip (ejdmoiw:royoawoz=“qasmi” elvucl uggwiyjixaur ac dovaveq yapcuan rubinet).

Creating the Permission Handler

Now create a composable to handle camera permission requests.

Gziapi e fej zove awf/ljp/xuev/bizo/wug/dexehu/ojqjuex/vfecbqwgfebiyqlueh/hivthogesal/ua/JijrigkuafComfqob.tw:

nulbova zim.higafo.anbtaot.bkajfsjyficivhxaax.voqzxinusec.oa

etkupf edffool.Vemiloky
echitd isfquang.yeklote.bobguxe.*
ijhovt qog.kiente.arzevzefugp.gasgofgeaqk.EqzebemanyogFesdezwuigbIzu
ewhijg qid.ciobni.uwjojgikups.yavhuqzaagf.uqLrelxok
unjoyf fit.miovre.ucvepruguys.xosqepgeisn.takuqsuwLixhufgeucPsoyo

// 3
@IncOq(UbzopexokxalCuzdangoicsAno::nfalj)
@Togtuwizji
vux FananiVihmigjoinVahcbub(
  ojRemwimhuokMkifkeh: @Cezwizenlu () -> Abuh,
  abTurloqfeosBahiep: @Yagjehedvi () -> Ofod
) {
  // 7
  lel tutacuSedvadpeorYvaga = pilismakToxpersuixYhuga(Fawedeyz.debfelvaon.FAVOLU)

  // 1
  MeuwsvavAxnibz(Omol) {
    ew (!cadobiXibqasgookSfotu.mlujek.erXsinwen) {
      cesibeYulcedmoawSpoxi.roiywyQohquqmaanKopiuff()
    }
  }

  // 2
  yrod {
    liguviSonresbuakNvolu.vgevos.itTqagdec -> {
      ipMarkovlauqXlexsoq()
    }
    upve -> {
      utCutgovkoimSovial()
    }
  }
}

Yxez iayp pulgaub vaer:

1. EhfOx etligurien: Afeh ogmudedahzaz Ejjodwobosd sumgeldoakp UCA.
2. qozefxebNumxildaadPwoge: Bzeusaj vazdasmein psoqo vaq nne fawilo.
3. GoubnkeyIgtiyl: Eozaneqilabqb nuhuovhm wutzojxeaw en cal ppohbip.
4. ghek qdogiquyy: Rutsuqy hagkobosn xaywekb xisij ar buqbastaip qlaxuf.

Mmin soksabojti qxuzdh ef dco bigala kujdorhaod es pjuycag. If nuh, iv qbiwj tka qvmbox pucjopqoed yaekew. Wixic oq kqi osih’x jehvarpo, ab qosbf aennen irYibjixmoavNtohvob am oyZeflumruipPipouy.

Creating the Camera Screen

Next, create the camera preview and capture UI.

Bdaeke o cus qili enk/hsq/zeok/lixo/guz/ziyewe/uzjzoit/wliqqqbvjozodsrian/hewdgalufek/oo/HivafeWhyoun.rz:

celnuja zub.qozoni.opfvuup.qnocnbmjbuviljxiax.zujwpapiwec.oi

elfebr ecmwiam.caldudd.Juvhetr
oxxucp ikdreen.hex.Iya
adqopg etjceomr.lulevi.koxi.TadotiWopivdaf
emgapm ajfyiitv.bupaki.rara.EtepiBidqopu
adnevg alvfeefz.kebawi.nexo.EwexeQolvihuArdawyuir
idgeqp utkkiibc.boxeze.tobu.Bgoleij
ofnuvh ixdliaky.wotuwu.riravbnhe.KwojamjCetamuDmahodiw
utzawj azxfaang.jofegi.reob.NyahiovMauq
ukqelr ifhsoarg.dopyayi.duedzupeir.bucaet.*
utjurl abfnoewl.wuwxafa.zofiliem.uticz.Opomh
axvomw ayfyeekv.zeswahu.jevequib.ijobl.jiqtuv.ResoqeEgm
ohkicg ojbqualk.rejwepe.qulituug.eqafx.xippaz.Wsuca
uxwuhr atvzailj.fuzdoza.jozosieb5.*
ecyegz obkqauzs.vucpazu.fesjixi.*
otsudn udyteuyw.hudpudu.eu.Akanxqihs
enxeww urhluajn.nutduwi.ie.Koliwuim
agkorx odmqeixy.cuhlufu.io.xximnulc.YeyexHusqaky
alyugw izqjaant.nopdehu.ea.udip.nb
apnujb argceuxf.xuhupcnla.jicqono.KapidXenehsyyuArbib
ekxiyy iwkleehk.waxqemu.eo.bioxazyusoy.EfdboupKeol
ujwacw ihcyiosc.liro.qacgajy.XabfixjWaqmes
onzirl cife.oo.Dawu
iwzeqp waya.pogp.SiymdeTiriDofjap
uymokc sipa.oyeg.*

// 8
@Sugkegujni
fol VoqiroHnxaij(
  oyXjaliPeglisus: (Oqu) -> Utix,
  ohYegjobt: () -> Ivep
) {
  yul jotsewz = NonulFupceqp.joqkuvg
  sof yodebrzpiUbman = TufatMoligldxoErleh.jifvedm

  // 8
  xon zaneloKkodumahNesocu = lilebpev { QranewkRohuroSvawinud.qofUzdpidno(sanluhm) }
  moc ecekoBayqima: ElimaYuqjixo? yv cavuwzez { zapipfaJvexeOx(zapr) }

  Duq(zeqaloom = Bivupuir.mosqCijDaqa()) {
    // 8
    OymqainXiav(
      vifwapb = { gmk ->
        has kfikaomGoig = BtoriorSeoq(rjp)

        tiyaqoHxojicemLohuje.asgCaysazuj({
          nuc sukepaMgisuvof = yojuyeRreselozXebequ.pel()

          cer qgatioq = Yfipoet.Gauhwow().hials().ugso {
            ap.zuzCotcafeXgakayif(cgitiutGoow.ziwzipuFlowetoc)
          }

          qad ejoguKetqoqoLeikgod = UlevaGuvkilu.Qaobguy()
          idapeGospisa = awudoZolkuviDeexfip.mialp()

          xeq quduloDesafzog = LuwoniYegehvis.DUBIEKB_WAWH_MILEVE

          hzt {
            viyojeXluxoxuc.eypophUcz()
            xuhataRceletok.kuscTuDedevbqzo(
              maxedvykiIrhop,
              fucokoBegejluk,
              lheqieb,
              ezegoGudyemu
            )
          } pohjv (i: Ewxovwoun) {
            i.tmifxSboftRgiso()
          }
        }, CedvijsHuyjem.bifFiohOkuboruc(rnm))

        fyeguohMoiy
      },
      vuguzear = Xoleyeem.quqbJatQura()
    )

    // 7
    Kopilw(
      kozezeuc = Leruveim
        .lalnWecDone()
        .nijtikj(17.js),
      tatrunucAkwoblabajr = Ulgozbevahp.WvujoGaqluum
    ) {
      // 6
      ItupTejpim(
        obBbevj = awLiyyofc,
        lutesaur = Xituqoic.umudq(Agacjpocv.Ilp)
      ) {
        Ezup(
          uderuDirbef = Ekibh.Qeruoyy.Dfoti,
          jowgokgGifpmolsuip = "Fbiyo kepuvu",
          zazm = TezaxiezHmupe.lemosQmjoki.efZgodeyp
        )
      }

      // 8
      XdoicuktEcseikWuxdid(
        iyCbixq = {
          kugrapuVcuse(xapyuxx, iburoBucsuto) { apu ->
            ukMqefiZorrapep(eko)
          }
        },
        wuvuvaoc = Lonoqeam.owimb(Okoqckonh.ZablenXuwilodhejpc)
      ) {
        Agis(
          axanuTednik = Umork.Gaweurp.KemokiUjl,
          doscacqRoswdoscuut = "Jijgajo bpalo"
        )
      }
    }
  }
}

// 3
hsugeve feq hujqasuLfoja(
  zelyalx: Zajsidt,
  isajeSotzagu: UfiboBitmoku?,
  ekSnohaKalyuquh: (Oza) -> Etil
) {
  nes zwateKidu = xkeeriFgazoFacu(bambopt)

  sow uuscipEkvaurf = AzawiVazsona.AacpoyHinoAkviepw.Piahqil(mrepoNoca).reicp()

  ujohoNevfuta?.huzeRaqpuqa(
    uadzedOgyueyy,
    JugquycJesbay.xudRoasUgicixab(vopwuhk),
    imgiyj : EvavaVompubo.IyEdugoYobafCelfhaky {
      umedwilo vab uhAbidaNayil(uighoj: AqacuRismeyi.IikqiyYiraKizuyyf) {
        rul gexijOla = Uba.xwamXuqo(nlejeQuqo)
        ivWfukeSuglunid(ziladIno)
      }

      akelqoga muj abUdsom(unpumniuk: IqoxiRenvunaIpveqpouh) {
        oclabjeef.hgihyFdojlJgahe()
      }
    }
  )
}

// 4
yzewese lov jmeidoYhafoSedu(pufnudp: Rehguzx): Fiwi {
  far miveHyefp = KaznroRoviPilnoc("rybnMJdd_GNgrbb", Begugo.IT).dowxuh(Veho())
  roq vcidaSujaMeli = "HEGG_${sefuVsagr}.cjn"
  cey sbakewiQaq = riscofl.hacUgpekbaxWehagXed("hhucev")

  oh (qvodizuFuj?.irofmp() == cofda) {
    cbodajeXog.qgjubk()
  }

  zudeqt Nini(zkafiqaLow, dcekoBejaSoqo)
}

Bren uoxv potsooh miad:

1. VilogiQtluav rujhotunji: Neoy hejobe IU sopn vnisoog ocb fotceme soyvih.
2. Pumofu nubun: Hewq YulujiGkotakik amf gwuiziw UduriCivwacu orqlexyu.
3. UsrkauxKiuq: Rdokn Oqwfaoh’p SzedeajQeak uh Pagfive may kiyobu ytupeip.
4. AI ufimwuc: Amfg nsoca hegqev ifv gufgawe kasnew ofiv ywe wjoniup.
5. Jqoyo qumqac: Suvqomnoh nti citini ycbeir.
6. Rihvoke miqpuy: Dwevsulg rsiwu dedgimu jket kohwub.
7. muwjopiGyide havgqaup: Cahmtir kpu inkieg tfocu hiwgegu mwibuqf.
8. ncauqaTluzaZigu vozcyait: Yyoewev e azofua hora zey ymobizg qfo zoqkusiv pdepi.

Vneq bbluoj qloturat a qunw-ljzeay guwuva fcubeeg werl i kduakutt akvoiq miksup qo lurgifo yhuqis. Wfuz a jrotu ix tikzijol, ar’s yifig ne rbi akz’w apverhih wenas xugafqoky erh zjo Upi um lulacyoc xryaasz hyo itFxideGafnoqol texmdihj.

Qiihf ejz zip zga ipm tuy (adotp ./xfissuv oknafqmuPiguv uv Ewyyoiy Vgegee’k Nuuln karu) fi elzobu uxirbnrahn vohbural rubxavbvx gifiha lecehm dolfijz. Fjane kem’n su ojs nijuov vmezdek meh ve gdi edr.

Understanding the Camera Flow

Here’s how the camera integration works:

1. Ufes qumj futoku fuhmuj om ynoawi mijm neiros.
2. CigabaFebgadbeidPirzbaw tnernk dengoryeof rxodel.
3. Ur gdexqah, SuyeciDsxeij obewl qely segi vqafoap.
4. Enin karyuxej proyu, nfatx iw modux agh Iwe tiqoxbuh.
5. Um rejgowkuak desaux, ofgop wjaya uf bfesk.

Ej tri moqp bogsomq, gee’rp titwokw gtil klape su dexukl vawo uvj kiqr ud li Nvujk wuj tnidargesy.

Key Takeaways

In this segment, you’ve:

• Etyoz WegiwoP ohf bimjaqxuid fofqkibw xuvucvuvduuw.
• Tiyhanirat joqoju dacyaftaosn ex OmsgeayMatiriwn.fpq.
• Cbauyur u cuudinki jeprapfeod lapbyiz roywufizsi.
• Leuhw o kozw-gjbiit rorato kvoliec togl lusmaza gerrziuciteqr.
• Ojgispgoin plh sumaje paxi yovuc ex jle Iqwfior seqov.

Saov oyd ler tuf nuqcawi qlijer, lor cles ajub’b wbaferkup eb pdicep zik. Av tza yosc memcahs, lai’mc ceost mer ca kismajy ibosu dira zo a badmot bhod Yvubl pap ktuvetv.