Zdieľať cez

Nasnímanie a nahranie fotografií v zmiešanej realite

  • Článok

V tomto článku vytvoríme aplikáciu, ktorá dokáže zhotoviť fotografie zo zmiešanej reality a nahrať ich do priečinka na OneDrive. V tomto príklade použijeme ovládací prvok Zobraziť v MR, ale fungovali by aj ovládacie prvky Zobraziť tvar v zmiešanej realite a Meracia kamera.

Budeme sa venovať nasledujúcim úlohám:

  • Pridanie ovládacieho prvku 3D objekt na zobrazenie a manipuláciu so vzorovým 3D objektom
  • Pripojenie ovládacieho prvku 3D objekt k ovládaciemu prvku Zobraziť v MR na zobrazenie 3D objektu v reálnom svete
  • Pridanie ovládacieho prvku galérie na prezeranie fotografií nasnímaných pomocou ovládacieho prvku Zobraziť v MR
  • Nahrávanie fotografií do OneDrive s postupom Microsoft Power Automate
  • Nahrávanie fotografií zachytených v zmiešanej realite do Dataverse

Požiadavky

Tip

Ovládacie prvky zmiešanej reality (MR) fungujú najlepšie v dobre osvetlených prostrediach s plochými povrchmi. Sledovanie je lepšie na zariadeniach s podporou LIDAR.

Pridajte tlačidlo na odfotenie 3D objektu v zmiešanej realite

Tento príklad má tri časti. Najprv pridáme tlačidlo, ktoré používateľom umožní odfotiť 3D objekt v zmiešanej realite.

Vložte ovládací prvok 3D objekt

S otvorenou aplikáciou na úpravy v Power Apps Studio:

  1. Otvorte kartu Vložiť a rozbaľte Médiá.

  2. Vyberte 3D objekt, ak chcete umiestniť 3D objekt na obrazovku aplikácie. Potiahnutím ovládacieho prvku na obrazovku ho umiestnite presnejšie.

    Ovládací prvok sa zobrazuje s priehľadným tvarom kocky. Ak chcete, zmeňte vlastnosť Zdroj ovládacieho prvku na načítanie iného 3D modelu. V tomto príklade použijeme adresu URL https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

    Snímka obrazovky ovládacieho prvku 3D objektu sa pripravuje v Microsoft Power Apps Studio, zobrazené s vlastnosťou Zdroj.

Vložte a pripojte ovládací prvok Zobraziť v MR

  1. Otvorte kartu Vložiť a rozbaľte Zmiešaná realita.

  2. Ak chcete umiestniť ovládací prvok na obrazovku aplikácie, vyberte položku Zobraziť v MR alebo potiahnite ovládací prvok na obrazovku, aby ste ho umiestnili presnejšie.

  3. Zmeňte vlastnosť ovládacieho prvku Zdroj na 3DObject1.Source. (3DObject1 je názov ovládacieho prvku 3D objekt, ktorý sme pridali skôr.) Tento výraz presmeruje ovládací prvok Zobraziť v MR na prekrytie 3D modelu na zdroji fotoaparátu zariadenia.

    Snímka obrazovky ovládacieho prvku Zobraziť v MR sa pripravuje v Microsoft Power Apps Studio, zobrazené s vlastnosťou Zdroj.

  4. Uložte a zverejnite aplikáciu a spustite ju na mobilnom zariadení.

  5. Ak chcete zobraziť 3D objekt v zmiešanej realite, vyberte možnosť Zobraziť v MR. Ak chcete nasnímať fotografiu MR zobrazenia, vyberte ikonu fotoaparátu.

Ďalej pridáme galériu, aby si používatelia mohli prezerať nasnímané fotografie.

  1. Znova upravte svoju aplikáciu. Otvorte kartu Vložiť a umiestnite na obrazovku ovládací prvok Vertikálna galéria.

  2. Zmeňte vlastnosť ovládacieho prvku Položky na ViewInMR1.Photos. (ViewInMR1 je názov ovládacieho prvku Zobraziť v MR, ktorý sme pridali skôr.)

  3. Voliteľne zmeňte vlastnosť galérie Rozloženie na Obrázok a názov.

    Snímka obrazovky vertikálnej galérie v štádiu tvorby v aplikácii Microsoft Power Apps Studio, zobrazená s vlastnosťami položiek a rozloženia.

  4. Ukážte aplikáciu a vyberte Zobraziť v MR na vytvorenie vzorovej fotografie. Galéria sa naplní vzorovým obrázkom.

    Snímka obrazovky aplikácie na plátne, ktorá zobrazuje 3D model a fotografiu modelu v galérii.

Poznámka

Ak používatelia opustia zobrazenie MR, aby videli galériu, potom znova vstúpia do zobrazenia MR a urobia viac fotografií, nové fotografie nahradia tie, ktoré nasnímali predtým.

Ak chcete, aby boli fotografie v galérii lepšie viditeľné, môžete pridať prekrytie v plnej veľkosti, ktoré sa zobrazí, keď používateľ vyberie miniatúru obrázka.

  1. Znova upravte svoju aplikáciu. Otvorte kartu Vložiť a rozbaľte Médiá.

  2. Vyberte Obrázok na umiestnenie ovládacieho prvku obrázka na obrazovku. Presuňte a upravte veľkosť podľa toho, ako chcete, aby sa väčšia fotografia zobrazila, keď vyberiete miniatúru.

    Na snímke obrazovky ovládacieho prvku obrázka Microsoft Power Apps Studio sa pracuje.

  3. Zmeňte vlastnosti ovládacieho prvku obrázka takto: | Vlastnosť | Hodnota | | - | - | | OnSelect | UpdateContext({vVisibleImageZoom:false}) | | Image | Gallery1.Selected.Image2 (za predpokladu, že ovládací prvok galérie je Galéria1 a prvá miniatúra je Obrázok2) | Viditeľné | vVisibleImageZoom

  4. Vyberte prvú miniatúru obrázka v ovládacom prvku galérie. Zmeňte jeho vlastnosť OnSelect na UpdateContext({vVisibleImageZoom:true}).

    Snímka obrazovky s miniatúrou obrázka v galérii v Microsoft Power Apps Studio, zobrazená s vlastnosťou OnSelect.

  5. Uložte a zverejnite aplikáciu a spustite ju na mobilnom zariadení.

  6. Vyberte položku Zobraziť MR a potom vyberte ikonu fotoaparátu, aby ste nasnímali fotografiu. Výberom šípky späť v hornej časti obrazovky ukončíte zobrazenie MR.

  7. Ak chcete zobraziť väčšiu verziu fotografie, vyberte miniatúru v galérii. Ak chcete obrázok skryť, vyberte ho.

Nahrajte fotografie do OneDrive s postupom Power Automate

Nakoniec vytvoríme pracovný postup pomocou tably Power Automate. Pracovný postup odovzdáva fotografie z aplikácie do priečinka s názvom MRPhotos na OneDrive.

Vytvorenie toku v Power Automate

  1. Upravte svoju aplikáciu. V ponuke tvorby aplikácie vyberte Power Automate > Vytvoriť nový postup.

  2. Vyhľadajte a vyberte šablónu tlačidla Power Apps.

    Snímka obrazovky tably šablóny Power Automate s vybranou šablónou tlačidla Power Apps.

  3. V okne Vytvorte si postup vyberte Upraviť v rozšírenom režime.

  4. Vyberte tlačidlo Power Apps v hornej časti okna a zadajte nový názov pre svoj postup. V tomto príklade pomenujeme postup Nahranie fotografie MR.

    Snímka obrazovky editačného okna Power Automate so zvýrazneným názvom pracovného postupu.

  5. Vyberte tlačidlo Power Apps v hornej časti okna a zadajte nový názov pre svoj postup. V tomto príklade pomenujeme postup Nahranie fotografie MR.

    Snímka obrazovky editovacieho okna Power Automate s krokom PowerApps vybraným na odstránenie.

  6. Vyhľadajte PowerApps (V2) a vyberte spustenie PowerApps (V2).

    Snímka obrazovky editovacieho okna Power Automate s vybraným spúšťačom PowerApps (v2).

  7. Vyberte položku Pridať vstup a potom vyberte Súbor.

  8. Zmeňte označenie Obsah súboru na Obrázok.

    Snímka obrazovky editačného okna Power Automate so vstupným označením Súbor zmeneným na Obrázok.

  9. Vyberte položku Nový krok. Vyhľadajte výraz Vytvoriť súbor OneDrive a vyberte akciu Vytvoriť súbor.

    Snímka obrazovky editovacieho okna Power Automate s vybranou akciou Vytvoriť súbor OneDrive.

  10. Cesta k priečinku, vyberte ikonu priečinka a prejdite do priečinka MRPhotos, ktorý ste vytvorili skôr.

  11. V časti Názov súboru, zadajte @{triggerBody()?['file']?['name']} (Váš text sa zmení na "file.name.")

  12. V časti Obsah súboru, zadajte @{triggerBody()['file']['contentBytes']} (Váš text sa zmení na "Image.")

  13. Uložte svoj postup.

Úplný postup by mal vyzerať takto:

Snímka obrazovky editačného okna Power Automate so zobrazeným dokončeným názvom pracovného postupu.

Pripojte pracovný postup k tlačidlu vo vašej aplikácii

  1. Vráťte sa do svojej aplikácie v Power Apps Studio. Váš postup je teraz uvedený pod položkou Dostupné postupy.

    Snímka obrazovky údajovej tably Power Apps Studio so zobrazeným novým postupom.

  2. Otvorte kartu Vložiť a stlačte Tlačidlo. Umiestnite ovládací prvok tlačidla na obrazovku a zmeňte jeho veľkosť podľa potreby.

  3. Zmeňte vlastnosť Text ovládacieho prvku tlačidla na Nahrať fotografie.

  4. V paneli vzorcov v hornej časti okna Power Apps vyberte vlastnosť OnSelect. Vyberte Akcia > Power Automate > Nahrať fotografiu MR.

    Snímka obrazovky vytváraného ovládacieho prvku tlačidla v aplikácii Power Apps Studio s postupom pridaným do vlastnosti OnSelect ovládacieho prvku.

    Vlastnosť OnSelect ovládacieho prvku tlačidla sa zmení na UploadMRPhoto.Run(.

  5. Ak chcete nahrať poslednú nasnímanú fotografiu, vložte nasledujúci kód za úvodnú zátvorku: {file:{name:GUID() & ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})

    Snímka obrazovky vlastnosti OnSelect ovládacieho prvku tlačidla v paneli so vzorcom Power Apps Studio, ktorý odovzdá poslednú nasnímanú fotografiu.

    Ak ste umiestnili ovládací prvok tlačidla do galérie, prilepte namiesto toho nasledujúci kód: {file: {name:GUID() & ".png", contentBytes:ThisItem.ImageURI}})

    Snímka obrazovky vlastnosti OnSelect ovládacieho prvku tlačidla v paneli so vzorcom Power Apps Studio, keď je tlačidlo v galérii.

    Ak chcete, aby tlačidlo odovzdalo všetky nasnímané fotografie, odstráňte UploadMRPhoto.Run( a vložte nasledujúci kód: ForAll(ViewInMR1.Photos, UploadMRPhoto.Run({file:{name:GUID() & ".png", contentBytes:ImageURI}}))

    Snímka obrazovky vlastnosti OnSelect ovládacieho prvku tlačidla v paneli so vzorcom Power Apps Studio, ktorý odovzdá všetky nasnímané fotografie.

  6. Skontrolujte aplikáciu a vyberte Zobraziť v MR a potom vyberte Nahrať fotky. Skontrolujte priečinok MRPhotos na OneDrive a potvrďte, že vzorová fotografia bola odovzdaná.

Pridanie možnosti offline do aplikácie

Aplikáciu môžete používať aj vtedy, keď máte obmedzené alebo žiadne sieťové pripojenie pomocou funkcií SaveData a LoadData.

Nahrajte fotografie zachytené v zmiešanej realite do Dataverse

Fotografie môžete pridať do tabuliek Dataverse prostredníctvom stĺpca Typ údajov obrázka. Stĺpce obrázkov v Dataverse majú dve povinné polia – Úplné a Hodnota – ktoré možno nastaviť na výstup ImageURI ovládacích prvkov MR.

Napríklad, ak ste chceli nahrať prvú fotografiu zachytenú funkciou Markup in MR control do stĺpca Dataverse s názvom Obrázok:

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

Pozrite si tiež

Poznámka

Môžete nás informovať o svojich voľbách jazyka pre dokumentáciu? Absolvujte krátky prieskum. (upozorňujeme, že tento prieskum je v angličtine)

Prieskum bude trvať približne sedem minút. Nezhromažďujú sa žiadne osobné údaje (vyhlásenie o používaní osobných údajov).