Fer i carregar fotos de realitat mixta al Power Apps

Pots afegir un control per fer fotos de l'experiència de realitat mixta (MR) a les aplicacions que utilitzen els controls següents:

Aquest tema us guiarà per mitjà de la creació d'una aplicació de prova que podeu utilitzar per fer i carregar fotos des d'una sessió de la MR, incloent-hi:

  • Inseriu una visualització en 3D amb l'objecte 3D d'exemple predeterminat inclòs perquè pugueu veure i manipular un objecte 3D.
  • Connectant el control Visualitza en 3D a un botó de control Visualitza en MR perquè pugueu veure l'objecte 3D a MR.
  • Provant els controls mitjançant un dispositiu amb capacitat mr.
  • Inserció d'una galeria per veure les fotos gravades preses des del control Visualitza en MR al dispositiu amb capacitat per a MR.
  • Pujar fotos a OneDrive amb un flux de Power Automate.

Requisits previs

  • Creeu una aplicació de llenç en blanc mitjançant Power Apps Studio la selecció de la disposició del telèfon a l'aplicació En blanc a Inicia amb un llenç en blanc o una secció de plantilla.
  • Creeu una OneDrive carpeta anomenada MRPhotos per emmagatzemar les fotos quan proveu la funció de pujada.

Suggeriment

  • Els controls MR funcionen millor en ambients ben il·luminats amb superfícies de textura plana. Quan s'estableix el seguiment, apunteu el dispositiu a la superfície de la qual voleu fer el seguiment i desplaceu el dispositiu lentament de dreta a esquerra amb moviments amplis del braç. Si no es pot fer el seguiment, sortiu de la visualització de realitat mixta i torneu-hi a entrar per reinicialitzar el seguiment i tornar-ho a provar.
  • Els dispositius habilitats per a LIDAR també permetran fer un millor seguiment.

Inserir i connectar un objecte 3D a la visualització del control im i provar l'aplicació

Amb una aplicació oberta per editar-la al Power Apps Studio, podeu inserir i connectar la Visualització en 3D i Visualitza als controls MR. L'ús d'aquests controls us permet superposar un objecte 3D d'exemple (que sembla el marc d'una caixa) al món real mitjançant la càmera del dispositiu.

  1. Obre la pestanya Insereix.

  2. Amplieu Elements multimèdia.

  3. Selecciona el control Visualitza en 3D per col·locar-lo al centre de la pantalla de l'aplicació o arrossega'l per col·locar-lo en qualsevol lloc de la pantalla.

    S'inclou una forma per defecte al control. Podeu canviar aquesta forma a una altra alterant la propietat d'Origen. Per obtenir més informació, vegeu com es defineix on s'emmagatzema el contingut en 3D. En aquest exemple, farem servir l'adreça URL https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

  4. Obre la pestanya Insereix.

  5. Amplieu Realitat mixta.

  6. Selecciona el control Visualitza a l'IM per col·locar-lo a la pantalla de l'aplicació o arrossega'l per col·locar-lo en qualsevol lloc de la pantalla.

    Inseriu la visualització al control MR a l'aplicació.

  7. Al tauler Propietats del control Visualitza al control MR, a la pestanya Avançat, seleccioneu el camp Origen iViewIn3D1.Source introduïu-lo per definir l'objecte d'origen com a objecte 3D que heu inserit amb el control Visualitza al control 3D.

    També podeu utilitzar l'editor d'expressions de la part superior de la finestra: escriviu ViewIn3D1.Source.

    Captura de pantalla que mostra la propietat Source amb ViewIn3D1.Source a l'editor d'expressions

  8. Desar (i, si cal, publicar) l'aplicació i carregar-la al dispositiu mòbil per comprovar que podeu visualitzar l'objecte 3D en MR seleccionant el botó de Visualització en MR.

Ara podeu inserir un control de galeria a l'aplicació. El control de galeria permet que els usuaris de l'aplicació agafin i visualitzin fotos des de dins de l'aplicació.

Les fotos que facis seleccionant la icona de la càmera a la visualització MR de l'aplicació es carregaran al control de la galeria de l'aplicació. Si sortiu de la visualització MR per veure la galeria, tornar a participar a la vista MR i fer més fotos sobreescriurà les fotos.

  1. Obre la pestanya Insereix.

  2. Seleccioneu el component Galeria vertical per situar-la al centre de la pantalla de l'aplicació o arrossegueu-la per posicionar-la a qualsevol lloc de la pantalla.

  3. A la subfinestra Propietats per al control de galeria, a la pestanya Avançat, definiu la propietat dels Elements com a equivalents ViewInMR1.Photos.

    També podeu utilitzar l'editor d'expressions de la part superior de la finestra.

    Captura de pantalla que mostra la propietat elements amb el ViewInMR1.Photos

  4. Manteniu premuda la Alt tecla i seleccioneu Visualitza a l'IM per generar fotos i dades d'exemple. Ara hauríeu de veure la galeria poblada amb una imatge d'exemple.

    Exemple de com hauria de ser la galeria

    Suggeriment

    Podeu carregar totes les fotos preses a través de diversos controls d'IM afegint Collect(AllPhotos,ViewInMR1.Photos) a la propietat OnChange de cada control MR.

Podeu inserir una superposició de finestra emergent de la imatge seleccionada per tal que els usuaris de l'aplicació puguin veure la mida de la foto sencera.

  1. Obre la pestanya Insereix.

  2. Expandiu els Mitjans de comunicació i seleccioneu el control de la Imatge per col·locar-lo a la pantalla de l'aplicació. Arrossegueu-lo i col·loqueu-lo perquè cobreixi la pantalla sencera (o la quantitat que vulgueu que la imatge cobreixi la pantalla en seleccionar-la a la galeria).

    Arrossegar el control d'imatge per omplir la pantalla.

  3. Aneu a la pestanya Avançat de la subfinestra de Propietats:

    1. Canviar la propietat OnSelect a UpdateContext({vVisibleImageZoom:false}).
    2. Canvieu la propietat Imatge a Gallery1.Selected.Image1 (o la que sigui la primera imatge del control de la galeria que s'hagi etiquetat).
    3. Canviar la propietat Visible a vVisibleImageZoom.
  4. Seleccioneu la primera imatge al control de la galeria.

  5. Aneu a la pestanya Advanced de la subfinestra Propietats i canvieu la propietat OnSelect a UpdateContext({vVisibleImageZoom:true}).

    Amb la miniatura de la imatge a la galeria seleccionada, canvieu la propietat OnSelect.

  6. Deseu i publiqueu l'aplicació i carregueu-la al dispositiu mòbil.

  7. Toqueu el botó de Visualització en MR per obrir la visualització en MR.

  8. Toqueu la icona de captura de pantalla que es mostra a la part inferior de la pantalla i, a continuació, toqueu la fletxa enrere a la part superior de la pantalla.

  9. Veureu ara la captura de pantalla que es mostra a sota del botó de Visualització en MR. Toqueu la miniatura de la captura de pantalla i apareixerà una versió gran de la captura de pantalla. Toqueu en qualsevol part de la imatge per amagar-la.

Pujar fotos al Sharepoint amb un Power Automate flux

  1. Aneu a la pestanya Acció i seleccioneu Power Automate i, a continuació, Crear un flux nou. Aquesta opció obre Power Automate en una pestanya nova del navegador. Pot ser que hagueu d'iniciar la sessió a la part superior.

    Seleccioneu l'acció i després seleccioneu el Power Automate.

  2. Trieu una plantilla per al botó PowerApps.

    Seleccioneu la plantilla del botó del PowerApps

  3. Per facilitar la cerca més endavant, canvieu el nom del flux seleccionant PowerApps el botó a la part superior i introduint un nou nom de "Carrega LA FOTO DE L'MR".

    Canviar el nom de la part superior de la pantalla.

  4. Seleccioneu ... (el·lipsi) al costat de Power Apps l'activador, seleccioneu Suprimeix i, a continuació, seleccioneu D'acord.

    S'està suprimint el PowerApps disparador

  5. Al quadre de cerca escriviu PowerApps "(V2)" i, a continuació, seleccioneu el PowerApps disparador "(V2)".

    Seleccioneu PowerApps l'activador (V2)

  6. Seleccioneu Afegeix una entrada, seleccioneu Tipus de fitxer i, a continuació, canvieu el nom de "Contingut del fitxer" a "Imatge".

    Els valors esperats per al PowerApps disparador (V2)

  7. Seleccioneu + Pas nou. Cerqueu el fitxer Create del SharePoint i seleccioneu l'acció Crea un fitxer que apareix als resultats.

    Captura de pantalla que subratlla l'acció de Crear arxiu

  8. Empleneu la informació següent:

    1. Per a l'adreça del lloc, seleccioneu el lloc del Sharepoint al qual voleu que es carregui la foto.
    2. Per al camí de la carpeta, seleccioneu el botó de carpeta per navegar pel lloc del sharepoint i seleccioneu una carpeta.
    3. Per al nom del fitxer, copieu i enganxeu aquest valor: @ {triggerBody()?[' fitxer']? ['nom']}
    4. Per al contingut del fitxer, copieu i enganxeu aquest valor: @ {triggerBody()['fitxer']['contentBytes']}
  9. El flux complet hauria de tenir aquest aspecte:

    Captura de pantalla que mostra el flux completat

  10. Deseu el flux i torneu a la pestanya navegador que tingui l'aplicació de llenç oberta. Ara veureu que el flux es mostra a la subfinestra de Dades.

    Captura de pantalla de la subfinestra de dades que mostra el flux

  11. Obriu la pestanya Inserir i seleccioneu el Botó.

  12. Canvieu la propietat Text del botó per Upload photos i definiu el cos de lletra en 16. Moveu el botó a una zona lliure a la pantalla de l'aplicació i canvieu-ne la mida, de manera que l'etiqueta del botó s'hi ajusti correctament.

  13. A l'editor d'expressions de la part superior de la finestra de Power Apps, seleccioneu la propietat OnSelect i, a continuació, seleccioneu la pestanya Acció. Seleccioneu Power Automate i, a continuació, seleccioneu el flux que heu creat.

    Captura de pantalla que ressalta la propietat d'OnSelect, el tabulador d'acció, el botó del Power Automate i el flux

  14. El mètode OnSelect s'emplenarà amb UploadMRPhoto.Run(. Inseriu el codi següent per carregar la darrera foto realitzada a la carpeta MRPhotos a OneDrive:

    UploadMRPhoto.Run({file:{name:GUID() & ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})
    

    Captura de pantalla que mostra el codi a l'editor d'expressions

    Si us trobeu dins d'una galeria de fotos MR, en lloc d'això, utilitzeu la fórmula següent:

    UploadMRPhoto.Run({file: {name:GUID() & ".png", contentBytes:ThisItem.ImageURI}})
    

    Si voleu crear un botó que carregui totes les fotos fetes a la sessió de la MR, utilitzeu aquesta fórmula:

    ForAll(ViewInMR1.Photos, UploadMRPhoto.Run({file:{name:GUID() & ".png", contentBytes:ImageURI}}))
    
  15. Pots provar el botó nou de l'estudi prement el botó Reprodueix a la part superior de l'estudi i, a continuació, prémer el botó Veure a l'MR seguit del botó per penjar la foto. La foto d'exemple s'ha de penjar al lloc del sharepoint.

Utilitzar les funcions SaveData i LoadData

Podeu utilitzar les funcions SaveData i LoadData amb els controls Power Apps MR.

Vegeu el tema Funcions SaveData, LoadData i ClearData al Power Apps per veure com podeu utilitzar aquestes funcions.

Consulteu també