Posnemite in naložite fotografije mešane resničnosti

Članek
05/05/2022
2 min za branje

V tem članku bomo ustvarili aplikacijo, ki lahko posname fotografije seje mešane resničnosti in jih naloži v mapo na OneDrive. Uporabili bomo Poglej v MR nadzor v tem primeru, ampak Oglejte si obliko v MR in Merilna kamera tudi kontrole bi delovale.

Pokrili bomo naslednje naloge:

Dodajanje a 3D predmet nadzor za ogled in manipulacijo vzorčnega 3D predmeta
Povezovanje 3D predmet nadzor do a Poglej v MR nadzor za ogled 3D predmeta v resničnem svetu
Dodajanje nadzora galerije za ogled fotografij, posnetih z Poglej v MR nadzor
Nalaganje fotografij na OneDrive z Microsoft Power Automate tok

Zahteve

Ustvarite aplikacijo za prazno platno.
Ustvarite mapo z imenom MRPhotos na OneDrive. To mapo boste uporabili za shranjevanje naloženih fotografij.

Nasvet

Kontrolniki mešane resničnosti (MR) najbolje delujejo v dobro osvetljenih okoljih z ravnimi površinami. Sledenje je boljše na napravah, ki podpirajo LIDAR.

Dodajte gumb 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.

Vstavite a 3D predmet nadzor

Z odprto aplikacijo za urejanje v Power Apps Studio:

Odprite Vstavi zavihek in razširitev mediji.
Izberite 3D predmet da postavite 3D predmet na zaslon aplikacije. Povlecite kontrolnik na zaslon, da ga natančneje postavite.

Kontrolnik ima prozorno obliko kocke. Če želite, spremenite kontrolnike Vir lastnine do naložite drug 3D model. V tem primeru bomo uporabili URL https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

Vstavite in povežite a Poglej v MR nadzor

Odprite Vstavi zavihek in razširitev Mešana resničnost.
Izberite Poglej v MR da postavite kontrolnik na zaslon aplikacije, ali pa ga povlecite na zaslon, da ga natančneje postavite.
Spremenite krmilnik Vir lastnine do 3DOobjekt1.Vir. (3DO objekt1 je ime za 3D predmet nadzor, ki smo ga dodali prej.) Ta izraz usmerja Poglej v MR nadzor za prekrivanje 3D modela na viru kamere naprave.
Shranite in objavite aplikacijo in zaženite na svoji mobilni napravi.
Izberite Poglej v MR za ogled 3D predmeta v mešani resničnosti. Izberite ikono kamere, da posnamete fotografijo MR pogleda.

Vstavite kontrolnik galerije za ogled fotografij, posnetih v aplikaciji

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

Ponovno uredite svojo aplikacijo. Odprite Vstavi jeziček in postavite a Vertikalna galerija nadzor na zaslonu.
Spremenite krmilnik Predmeti lastnine do ViewInMR1.Fotografije. (ViewInMR1 je ime za Poglej v MR nadzor, ki smo ga dodali prej.)
Po želji spremenite galerijo Postavitev lastnine do Slika in naslov.
Predogled aplikacije in izberite Poglej v MR za ustvarjanje vzorčne fotografije. Galerija se napolni z vzorčno sliko.

Opomba

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

Sličicam v galeriji dodajte večji prekrivni element

Če želite fotografije v galeriji lažje videti, lahko dodate prekrivanje v polni velikosti, ki se prikaže, ko uporabnik izbere sličico.

Ponovno uredite svojo aplikacijo. Odprite Vstavi zavihek in razširitev mediji.
Izberite Slika da postavite kontrolnik slike na zaslon. Premaknite jo in jo prilagodite velikosti glede na to, kako želite, da se prikaže večja fotografija, ko je izbrana sličica.
Spremenite lastnosti kontrolnika slike na naslednji način: | Lastnost | Vrednost | | - | - | | OnSelect | UpdateContext({vVisibleImageZoom:false}) | | Image | Galerija1.Izbrano.Slika2 (ob predpostavki, da je nadzor galerije Galerija 1 in prva sličica je Slika 2) | Vidno | vVisibleImageZoom
V nadzoru galerije izberite prvo sličico. Spremeni ga OnSelect lastnine do UpdateContext({vVisibleImageZoom:true}).
Shranite in objavite aplikacijo in zaženite na svoji mobilni napravi.
Izberite Poglej v MR, nato pa izberite ikono kamere, da posnamete fotografijo. Izberite puščico nazaj na vrhu zaslona, da zaprete pogled MR.
Izberite sličico v galeriji, da prikažete večjo različico fotografije. Izberite sliko, da jo skrijete.

Nalaganje fotografij v storitev OneDrive s tokom storitve Power Automate

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

Ustvarite tok Power Automate

Uredite svojo aplikacijo. Izberite Ukrep > Power Automate > Ustvarite nov tok. (Morda se boste morali prijaviti v Power Automate najprej.)
Poiščite in izberite Power Apps predloga gumbov.
Izberite Power Apps gumb na vrhu okna in vnesite novo ime za svoj tok. V tem primeru bomo tok poimenovali Naložite MR fotografijo.
V PowerApps korak v poteku dela, izberite ... in nato izberite Izbriši.
Išči PowerApps (V2) in izberite PowerApps (V2) sprožilec.
Izberite Dodajte vnos in nato izberite Mapa.
Spremenite oznako Vsebina datoteke do Slika.
Izberite Nov korak. Išči OneDrive Ustvari datoteko in izberite Ustvari datoteko dejanje.
V Pot mape, izberite ikono mape in se pomaknite do MRPhotos mapo, ki ste jo ustvarili prej.
V Ime datoteke, vnesite @{ triggerBody()?['file']?['name']} (Vaše besedilo se spremeni v "file.name.")
V Vsebina datoteke, vnesite @{ triggerBody()['file']['contentBytes']} (Vaše besedilo se spremeni v "Slika.")
Shranite svoj tok.

Celoten tok naj bi izgledal takole:

Posnetek zaslona Power Automate okno za urejanje s prikazanim zaključenim potekom dela.

Povežite potek dela z gumbom v aplikaciji

Vrnite se v svojo aplikacijo v Power Apps Studio. Vaš tok je zdaj naveden pod Razpoložljivi tokovi.
Odprite zavihek Vstavi in izberite možnost Gumb. Postavite gumb za upravljanje na zaslon in mu po potrebi spremenite velikost.
Spremenite gumbe za upravljanje Besedilo lastnine do Naložite fotografije.
V vrstici s formulo na vrhu Power Apps okno, izberite OnSelect lastnine. Izberite Ukrep > Power Automate > Naložite MR fotografijo.

Kontrolni gumbi OnSelect lastnina se spremeni v NaložiMRPhoto.Run(.
Če želite naložiti zadnjo posneto fotografijo, prilepite naslednjo kodo za uvodni oklepaj: { mapa:{ name:GUID() & ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})

Če ste kontrolnik gumbov postavili v galerijo, namesto tega prilepite naslednjo kodo: { mapa:{ name:GUID() & ".png", contentBytes:ThisItem.ImageURI}})

Če želite, da gumb naloži vse posnete fotografije, izbrišite NaložiMRPhoto.Run( in prilepite naslednjo kodo: Za vse(ViewInMR1.Photos, UploadMRPhoto.Run({ mapa:{ name:GUID() & ".png", contentBytes:ImageURI}}))
Predogled aplikacije in izberite Poglej v MR in nato izberite Naložite fotografije. Preverite MRPhotos mapa vklopljena OneDrive in potrdite, da je bila vzorčna fotografija naložena.