Váš názor

Pořizování a odeslání fotografií hybridní reality

  • Článek
  • 2 min ke čtení

V tomto článku vytvoříme aplikaci, která dokáže pořizovat fotografie z relace hybridní reality a nahrávat je do složky na OneDrive. V tomto příkladu použijeme ovládací prvek View in MR, ale mohli bychom použít také prvky View shape in MR a Measuring Camera.

Budeme se věnovat následujícím úkolům:

  • Přidání ovládacího prvku 3D object pro zobrazení a manipulaci se vzorovým 3D objektem
  • Připojení ovládacího prvku 3D object k ovládacímu prvku View in MR, abyste si mohli prohlédnout 3D objekt v reálném světě
  • Přidání ovládacího prvku Gallery pro prohlížení fotografií pořízených pomocí ovládacího prvku View in MR
  • Nahrávání fotografií do OneDrive s tokem Microsoft Power Automate

Předpoklady

Tip

Ovládací prvky hybridní reality (HR) fungují nejlépe v dobře osvětlených prostředích s plochými povrchy. Sledování je lepší na zařízeních s podporou LIDAR.

Přidání tlačítka pro pořízení fotografie 3D objektu v hybridní realitě

Tento příklad má tři části. Nejprve přidáme tlačítko, které uživatelům umožní pořídit fotografii 3D objektu v prostředí hybridní reality.

Vložení ovládacího prvku 3D object

S aplikací otevřenou pro úpravy v aplikaci Power Apps Studio proveďte tento postup:

  1. Otevřete kartu Vložit a rozbalte Média.

  2. Vyberte položku 3D object a umístěte 3D objekt na obrazovku aplikace. Přetažením ovládacího prvku na obrazovku jej umístěte přesněji.

    Ovládací prvek je dodáván ve tvaru průhledné krychle. Pokud chcete, změňte vlastnost Source ovládacího prvku tak, aby načítala jiný 3D model. V tomto příkladu použijeme adresu URL https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

    Snímek obrazovky ovládacího prvku 3D object ve výstavbě v aplikaci Microsoft Power Apps Studio, zobrazeného spolu s jeho vlastností Source.

Vložení a připojení ovládacího prvku View in MR

  1. Otevřete kartu Vložit a rozbalte uzel Hybridní realita.

  2. Vyberte možnost View in MR a umístěte ovládací prvek na obrazovku aplikace, nebo ho přetáhněte a umístěte přesněji kdekoli na obrazovce.

  3. Změňte vlastnost Source ovládacího prvku na 3DObject1.Source. (3DObject1 je název ovládacího prvku 3D object, který jsme přidali dříve.) Tento výraz přikazuje ovládacímu prvku View in MR překrýt 3D model v kanálu fotoaparátu zařízení.

    Snímek obrazovky ovládacího prvku View in MR ve výstavbě v aplikaci Microsoft Power Apps Studio, zobrazeného spolu s jeho vlastností Source.

  4. Uložte a publikujte aplikaci a spusťte ji na svém mobilním zařízení.

  5. Výběrem prvku View in MR zobrazíte 3D objekt v hybridní realitě. Výběrem ikony fotoaparátu pořídíte fotografii pohledu na hybridní realitu.

Dále přidáme galerii, aby si uživatelé mohli prohlédnout pořízené fotografie.

  1. Spusťte znovu úpravy aplikace. Otevřete kartu Vložit a umístěte a ovládací prvek Vertical gallery na obrazovku.

  2. Změňte vlastnost Items ovládacího prvku na ViewInMR1.Photos. (ViewInMR1 je název ovládacího prvku View in MR, který jsme přidali dříve.)

  3. Volitelně změňte vlastnost Layout galerie na Image and title.

    Snímek obrazovky svislé galerie ve výstavbě v aplikaci Microsoft Power Apps Studio, zobrazené spolu s jejími vlastnostmi Items a Layout.

  4. Prohlédněte si aplikaci a výběrem prvku View in MR vygenerujte ukázkovou fotografii. Galerie se naplní ukázkovým obrázkem.

    Snímek obrazovky aplikace plátna, která zobrazuje 3D model a fotografii modelu v galerii.

Poznámka

Pokud uživatelé opustí zobrazení hybridní reality, aby viděli galerii, a poté znovu vstoupí do zobrazení HR a pořídí další fotografie, nové fotografie nahradí ty, které pořídili dříve.

Chcete-li fotografie v galerii lépe vidět, můžete přidat překryvnou vrstvu v plné velikosti, která se zobrazí, když uživatel vybere miniaturu obrázku.

  1. Spusťte znovu úpravy aplikace. Otevřete kartu Vložit a rozbalte Média.

  2. Vyberte ovládací prvek Image a umístěte ho na obrazovku. Přesuňte a upravte velikost podle toho, jak velká fotografie se má zobrazit, když je vybrána miniatura.

    Snímek obrazovky ovládacího prvku Image ve výstavbě v aplikaci Microsoft Power Apps Studio.

  3. Změňte vlastnosti ovládacího prvku Image takto: | Vlastnost | Hodnota | | - | - | | OnSelect | UpdateContext({vVisibleImageZoom:false}) | | Image | Gallery1.Selected.Image2 (za předpokladu, že ovládací prvek Gallery se jmenuje Gallery1 a první miniatura Image2) | Visible | vVisibleImageZoom

  4. Vyberte první obrázek miniatury v ovládacím prvku Gallery. Změňte jeho vlastnost OnSelect na UpdateContext({vVisibleImageZoom:true}).

    Snímek obrazovky obrázku miniatury v galerii v aplikaci Microsoft Power Apps Studio, zobrazeného s jeho vlastností OnSelect.

  5. Uložte a publikujte aplikaci a spusťte ji na svém mobilním zařízení.

  6. Vyberte View in MR a poté výběrem ikony fotoaparátu pořídíte fotografii. Výběrem šipky zpět v horní části obrazovky ukončíte zobrazení hybridní reality.

  7. Výběrem miniatury v galerii zobrazíte větší verzi fotografie. Vyberte obrázek a skryjte ho.

Nahrávání fotografií do OneDrive s tokem Power Automate

Nakonec vytvoříme pracovní postup v Power Automate. Pracovní postup nahraje fotografie z aplikace do složky s názvem MRPhotos na OneDrive.

Vytvoření toku v Power Automate

  1. Spusťte úpravy aplikace. Vyberte nabídku Akce > Power Automate > Vytvořit nový tok. (Možná se budete muset nejdříve přihlásit do Power Automate.)

    Snímek obrazovky aplikace v Microsoft Power Apps Studio, s vybraným novým tokem Power Automate.

  2. Vyhledejte a vyberte šablonu tlačítka Power Apps.

    Snímek obrazovky stránky šablony Power Automate s vybranou šablonou tlačítka Power Apps.

  3. Vyberte tlačítko Power Apps v horní části okna a zadejte nový název svého toku. V tomto příkladu tok pojmenujeme tok Nahrát fotografii HR.

    Snímek obrazovky editačního okna Power Automate se zvýrazněným názvem pracovního postupu.

  4. V kroku PowerApps pracovního postupu vyberte ... a poté vyberte Odstranit.

    Snímek obrazovky editačního okna Power Automate s krokem PowerApps vybraným k odstranění.

  5. Vyhledejte PowerApps (V2) a vyberte trigger PowerApps (V2).

    Snímek obrazovky editačního okna Power Automate s vybraným triggerem PowerApps.

  6. Zvolte Přidat vstup a potom vyberte položku Soubor.

  7. Změňte popisek Obsah souboru na Obrázek.

    Snímek obrazovky editačního okna Power Automate s popiskem ovládacího prvku File input změněným na Obrázek.

  8. Vyberte Nový krok. Vyhledejte Vytvořit soubor OneDrive a vyberte akci Vytvořit soubor.

    Snímek obrazovky editačního okna Power Automate s vybranou akcí Vytvořit soubor OneDrive.

  9. V poli Cesta ke složce vyberte ikonu složky a přejděte do složky MRPhotos, kterou jste vytvořili dříve.

  10. V poli Název souboru zadejte @{triggerBody()?['file']?['name']} (Váš text se změní na "file.name.")

  11. V poli Obsah souboru zadejte @{triggerBody()['file']['contentBytes']} (Váš text se změní na "Obrázek.")

  12. Uložte svůj tok.

Úplný tok by teď měl vypadat takto:

Snímek obrazovky editačního okna Power Automate s dokončeným pracovním postupem.

Připojení pracovního postupu k tlačítku ve vaší aplikaci

  1. Vraťte se do aplikace v Power Apps Studio. Váš tok je nyní uveden v části Dostupné toky.

    Snímek obrazovky podokna Data aplikace Power Apps Studio se zobrazeným novým tokem.

  2. Otevřete kartu Vložit a vyberte ovládací prvek Button. Umístěte tlačítko na obrazovku a změňte jeho velikost podle potřeby.

  3. Změňte vlastnost Text ovládacího prvku tlačítka na Nahrát fotografie.

  4. Na řádku vzorců v horní části okna Power Apps vyberte vlastnost OnSelect. Vyberte Akce > Power Automate > Nahrát fotografii HR.

    Snímek obrazovky ovládacího prvku tlačítka ve výstavbě v aplikaci Power Apps Studio s tokem přidaným do vlastnosti OnSelect ovládacího prvku.

    Vlastnost OnSelect ovládacího prvku tlačítka se změní na UploadMRPhoto.Run(.

  5. Chcete-li nahrát poslední pořízenou fotografii, vložte následující kód za úvodní závorku: {file:{name:GUID() & ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})

    Snímek obrazovky vlastnosti OnSelect ovládacího prvku tlačítka v řádku vzorců Power Apps Studio, který nahraje poslední pořízenou fotografii.

    Pokud jste umístili ovládací prvek tlačítka do galerie, vložte místo toho následující kód: {file: {name:GUID() & ".png", contentBytes:ThisItem.ImageURI}})

    Snímek obrazovky vlastnosti OnSelect ovládacího prvku tlačítka v řádku vzorců Power Apps Studio, když je tlačítko uvnitř galerie.

    Aby tlačítko nahrálo všechny pořízené fotografie, smažte kód UploadMRPhoto.Run( a vložte následující kód: ForAll(ViewInMR1.Photos, UploadMRPhoto.Run({file:{name:GUID() & ".png", contentBytes:ImageURI}}))

    Snímek obrazovky vlastnosti OnSelect ovládacího prvku tlačítka v řádku vzorců Power Apps Studio, který nahraje všechny pořízené fotografie.

  6. Prohlédněte si aplikaci, vyberte prvek View in MR a poté vyberte Nahrát fotografie. Zkontrolujte obsah složky MRPhotos ve OneDrive a potvrďte, že byla nahrána ukázková fotografie.

Přidání offline funkčnosti do aplikace

Aplikaci můžete používat, i když máte omezené nebo žádné připojení k síti, a to pomocí funkcí SaveData a LoadData.

Viz také

Poznámka

Můžete nám sdělit, jaké máte jazykové preference pro dokumentaci? Zúčastněte se krátkého průzkumu. (upozorňujeme, že tento průzkum je v angličtině)

Průzkum bude trvat asi sedm minut. Nejsou shromažďovány žádné osobní údaje (prohlášení o zásadách ochrany osobních údajů).