Deli z drugimi prek


Zajem in nalaganje fotografij mešane resničnosti

V tem članku bomo ustvarili aplikacijo, ki bo lahko posnela fotografije seje mešane resničnosti in jih naložila v mapo storitve OneDrive. V tem primeru bomo uporabili kontrolnik Ogled v MR, lahko pa bi uporabili tudi kontrolnika Ogled oblike v MR in Measuring camera.

Obravnavali bomo naslednje naloge:

  • Dodajanje kontrolnika 3D-predmeta za prikaz in obdelavo vzorčnega 3D-predmeta
  • Povezovanje kontrolnika 3D-predmeta s kontrolnikom Ogled v MR za ogled 3D-predmeta v resničnem svetu
  • Dodajanje kontrolnika galerije za ogled fotografij, posnetih s kontrolnikom Ogled v MR
  • Nalaganje fotografij v storitev OneDrive s tokom Microsoft Power Automate
  • Nalaganje fotografij, posnetih v mešani resničnosti, v storitev Dataverse

Zahteve

Nasvet

Kontrolniki mešane resničnosti najbolje delujejo v dobro osvetljenih okoljih s plosko teksturiranimi površinami. Sledenje je boljše na napravah, ki podpirajo LIDAR.

Dodajanje gumba za fotografiranje 3D-predmeta v mešani resničnosti

Ta primer ima tri dele. Najprej bomo dodali gumb, ki uporabnikom omogoča fotografiranje 3D-predmeta v izkušnji mešane resničnosti.

Vstavljanje kontrolnika 3D-predmet

Z aplikacijo odprto za urejanje v storitvi Power Apps Studio:

  1. Odprite zavihek Vstaavljannje in razširite možnost Predstavnost.

  2. Izberite 3D-predmet, če želite na zaslon aplikacije postaviti 3D-predmet. Kontrolnik povlecite na zaslon, da ga postavite natančneje.

    Kontrolnik ima prozorno obliko kocke. Po želji lahko spremenite lastnost kontrolnika Vir, če želite naložiti drug 3D-model. V tem primeru bomo uporabili URL https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

    Posnetek zaslona kontrolnika »3D-predmet« v izdelavi v storitvi Microsoft Power Apps Studio, prikazan z lastnostjo vira.

Vstavljanje in povezava kontrolnika Ogled v MR

  1. Odprite zavihek Vstavljanje in razširite možnost Mešana resničnost.

  2. Izberite Ogled v MR, da kontrolnik postavite na zaslon aplikacije ali ga povlecite na točen položaj na zaslonu.

  3. Spremenite lastnost kontrolnika Vir v 3DObject1.Source. (3DObject1 je ime kontrolnika 3D-predmet, ki smo ga predhodno dodali.) Ta izraz usmeri kontrolnik Ogled v MR, da prekrije 3D-model na viru kamere v živo v napravi.

    Posnetek zaslona kontrolnika »Ogled v MR« v izdelavi v storitvi Microsoft Power Apps Studio, prikazan z lastnostjo vira.

  4. Shranite in objavite aplikacijo ter jo zaženite v svoji mobilni napravi.

  5. Izberite Ogled v MR, da si ogledate 3D-predmet v mešani resničnosti. Izberite ikono kamere, da posnamete fotografijo ogleda MR.

Vstavljanje kontrolnika galerije za ogled fotografij, posnetih v aplikaciji

Nato bomo dodali galerijo, da si bodo uporabniki lahko ogledali fotografije, ki so jih posneli.

  1. Znova uredite svojo aplikacijo. Odprite zavihek Vstavljanje in na zaslon postavite kontrolnik Navpična galerija.

  2. Spremenite lastnost kontrolnika Predmeti v ViewInMR1.Photos. (ViewInMR1 je ime kontrolnika Ogled v MR, ki smo ga predhodno dodali.)

  3. Po želji spremenite lastnost galerije Postavitev v Slika in naslov.

    Posnetek zaslona navpične galerije v izdelavi v storitvi Microsoft Power Apps Studio, ki je prikazana poleg svojih predmetov in lastnosti »Postavitev«.

  4. Opravite predogled aplikacije in izberite Ogled v MR, da ustvarite vzorčno fotografijo. Galerija se izpolni z vzorčno sliko.

    Posnetek zaslona aplikacije s platnom, ki prikazuje 3D-model in fotografijo modela v galeriji.

Opomba

Če uporabniki zapustijo ogled MR, da si ogledajo galerijo in nato znova odprejo ogled MR, da posnamejo več fotografij, bodo nove fotografije nadomestile tiste, ki so jih posneli prej.

Dodajanje večjega prekrivanja sličic v galeriji

Za lažji ogled fotografij v galeriji lahko dodate prekrivanje v polni velikosti, ki se prikaže, ko uporabnik izbere sličico.

  1. Znova uredite svojo aplikacijo. Odprite zavihek Vstaavljannje in razširite možnost Predstavnost.

  2. Izberite Slika, da postavite na zaslon kontrolnik slike. Premaknite in spremenite velikost glede na to, kakšen prikaz večje fotografije si želite, ko je izbrana sličica.

    Posnetek zaslona kontrolnika slike v izdelavi v storitvi Microsoft Power Apps Studio.

  3. Spremenite lastnosti kontrolnika slike kot sledi: | Lastnost | Vrednost | | - | - | | OnSelect | UpdateContext({vVisibleImageZoom:false}) | | Image | Gallery1.Selected.Image2 (ob predpostavki, da je kontrolnik galerije Gallery1 in prva sličica Image2) | Vidno | vVisibleImageZoom

  4. V kontrolniku galerije izberite prvo sliko. Spremenite njeno lastnost OnSelect v UpdateContext({vVisibleImageZoom:true}).

    Posnetek zaslona sličice v galeriji v storitvi Microsoft Power Apps Studio, ki je prikazana z lastnostjo OnSelect.

  5. Shranite in objavite aplikacijo ter jo zaženite v svoji mobilni napravi.

  6. Izberite Ogled v MR in nato izberite ikono fotoaparata, da posnamete fotografijo. Za izhod iz ogleda MR izberite puščico nazaj na vrhu zaslona.

  7. Za prikaz večje različice fotografije izberite sličico v galeriji. Izberite sličico, da jo skrijete.

Nalaganje fotografij v storitev OneDrive s tokom storitve Power Automate

Nazadnje bomo ustvarili potek dela s podoknom storitve Power Automate. Potek dela naloži fotografije iz aplikacije v mapo z imenom MRPhotos v storitvi OneDrive.

Ustvarjanje toka v storitvi Power Automate

  1. Uredite svojo aplikacijo. V meniju za izdelavo aplikacij izberite Power Automate > Ustvari nov tok.

  2. Poiščite in izberite želeno predlogo za gumb Power Apps.

    Posnetek zaslona strani predloge storitve Power Automate z izbrano predlogo za gumb storitve Power Apps.

  3. V oknu Ustvari svoj tok izberite Uredi v naprednem načinu.

  4. Izberite gumb storitve Power Apps na vrhu okna in vnesite novo ime za svoj tok. V tem primeru bomo tok poimenovali Nalaganje fotografije MR.

    Posnetek zaslona okna za urejanje za Power Automate z označenim imenom poteka dela.

  5. Izberite gumb Power Apps na vrhu okna in vnesite novo ime za svoj tok. V tem primeru bomo tok poimenovali »Nalaganje fotografije MR«.

    Posnetek zaslona okna za urejanje za Power Automate z izbranim korakom PowerApps za brisanje.

  6. Poiščite PowerApps (V2) in izberite sprožilec PowerApps (V2).

    Posnetek zaslona okna za urejanje za Power Automate z izbranim sprožilcem PowerApps.

  7. Izberite Dodaj vnos, nato pa izberite možnost Datoteka.

  8. Spremenite oznako Vsebina datoteke v Slika.

    Posnetek zaslona okna za urejanje za Power Automate z oznako za vnos datoteke spremenjeno v sliko.

  9. Izberite Nov korak. Poiščite možnost Ustvari datoteko v OneDrive in izberite dejanje Ustvari datoteko.

    Posnetek zaslona okna za urejanje za Power Automate z izbranim dejanjem »Ustvari datoteko v OneDrive«.

  10. V možnosti Pot mape izberite ikono in se pomaknite do mape MRPhotos, ki ste jo predhodno ustvarili.

  11. V možnosti Ime datoteke vnesite @{triggerBody()?['file']?['name']} (Vaše besedilo se spremeni v »file.name«.)

  12. V možnosti Vsebina mape vnesite @{triggerBody()['file']['contentBytes']} (Vaše besedilo se spremeni v »Image«.)

  13. Shranite svoj tok.

Celotni tok bi moral biti videti tako:

Posnetek zaslona okna za urejanje za Power Automate s prikazanim dokončanim potekom dela.

Povezovanje poteka dela z gumbom v aplikaciji

  1. Vrnite se v svojo aplikacijo v storitvi Power Apps Studio. Vaš tok je zdaj naveden pod možnostjo Razpoložljivi tokovi.

    Posnetek zaslona podokna s podatki Power Apps Studio s prikazanim novim tokom.

  2. Odprite zavihek Vstavi in izberite možnost Gumb. Postavite kontrolnik gumba na zaslon in mu po potrebi spremenite velikost.

  3. Spremenite lastnost kontrolnika gumba Besedilo v Nalaganje fotografij.

  4. V vnosni vrstici na vrhu zaslona okna Power Apps izberite lastnost OnSelect. Izberite Dejanje > Power Automate > Nalaganje fotografije MR.

    Posnetek zaslona kontrolnika gumba v izdelavi v storitvi Power Apps Studio, kjer je tok dodan lastnosti kontrolnika OnSelect.

    Lastnost kontrolnika gumba OnSelect se spremeni v UploadMRPhoto.Run(.

  5. Če želite naložiti zadnjo posneto fotografijo, prilepite naslednjo kodo za začetnim oklepajem: {file:{name:GUID() & ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})

    Posnetek zaslona lastnosti kontrolnika gumba OnSelect property v vnosni vrstici Power Apps Studio, ki naloži zadnjo posneto fotografijo.

    Če ste kontrolnik gumba postavili v galerijo, prilepite raje naslednjo kodo: {file: {name:GUID() & ".png", contentBytes:ThisItem.ImageURI}})

    Posnetek zaslona lastnosti kontrolnika gumba OnSelect v vnosni vrstici Power Apps Studio, ko je gumb v galeriji.

    Če želite, da gumb naloži vse posnete fotografije, izbrišite UploadMRPhoto.Run( in prilepite naslednjo kodo: ForAll(ViewInMR1.Photos, UploadMRPhoto.Run({file:{name:GUID() & ".png", contentBytes:ImageURI}}))

    Posnetek zaslona lastnosti kontrolnika gumba OnSelect property v vnosni vrstici Power Apps Studio, ki naloži vse posnete fotografije.

  6. Predoglejte si aplikacijo in izberite Ogled v MR in nato izberite Naloži fotografije. Preverite mapo MRPhotos v storitvi OneDrive in potrdite, da je bila vzorčna fotografija naložena.

Dodajanje možnosti brez povezave v vašo aplikacijo

Aplikacijo lahko uporabljate tudi, če imate omejeno internetno povezavo ali če je nimate, in sicer s funkcijama SaveData in LoadData.

Nalaganje fotografij, posnetih v mešani resničnosti, v storitev Dataverse

Fotografije lahko v tabele Dataverse dodate prek stolpca s podatkovnim tipom slike. Slikovni stolpci v storitvi Dataverse imajo dve zahtevani polji – Full in Value – ki ju lahko nastavite na izhod ImageURI kontrolnika MR.

Če bi na primer želeli naložiti prvo fotografijo, ki jo je posnel kontrolnik Markup in MR, v stolpec storitve Dataverse z imenom »Slika«:

    Image: {Full: First(MarkupInMR.Photos).ImageURI, Value: First(MarkupInMR.Photos).ImageURI}

Glejte tudi

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).