Fai e carga fotos de realidade mixta

Neste artigo, imos crear unha aplicación que pode sacar fotos dunha sesión de realidade mixta e cargalas nun cartafol en OneDrive. Usaremos o Ver en MR control neste exemplo, pero o Ver a forma en MR e Cámara de medición os controis tamén funcionarían.

Cubriremos as seguintes tarefas:

  • Engadindo a obxecto 3D control para ver e manipular un obxecto 3D de mostra
  • Conectando o obxecto 3D control a a Ver en MR control para ver o obxecto 3D no mundo real
  • Engadindo un control de galería para ver as fotos tomadas co Ver en MR control
  • Subindo as fotos a OneDrive cun Microsoft Power Automate fluxo
  • Cargando fotos capturadas en realidade mixta a Dataverse

Requisitos previos

Suxestión

Os controis de realidade mixta (MR) funcionan mellor en ambientes ben iluminados con superficies de textura plana. O seguimento é mellor nos dispositivos compatibles con LIDAR.

Engade un botón para facer unha foto dun obxecto 3D en realidade mixta

Este exemplo ten tres partes. En primeiro lugar, engadiremos un botón que permite aos usuarios facer unha foto dun obxecto 3D nunha experiencia de realidade mixta.

Insira a obxecto 3D control

Coa aplicación aberta para edición en Power Apps Studio:

  1. Abre o Inserir pestana e expandir Medios.

  2. Seleccione obxecto 3D para colocar un obxecto 3D na pantalla da aplicación. Arrastre o control á pantalla para situalo con máis precisión.

    O control vén cunha forma de cubo transparente. Se queres, cambia o control Fonte propiedade a cargar un modelo 3D diferente. Neste exemplo, usaremos o URL https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

    Captura de pantalla dun control de obxectos 3D en construción Microsoft Power Apps Studio, mostrado coa súa propiedade Source.

Inserir e conectar a Ver en MR control

  1. Abre o Inserir pestana e expandir Realidade Mixta.

  2. Seleccione Ver en MR para colocar o control na pantalla da aplicación ou arrastralo á pantalla para situalo con máis precisión.

  3. Cambia o control Fonte propiedade a 3DObxecto1.Fonte. (3DObxecto 1 é o nome do obxecto 3D control que engadimos anteriormente.) Esta expresión dirixe o Ver en MR control para superpoñer o modelo 3D na fonte da cámara do dispositivo.

    Captura de pantalla dun control View en MR en construción Microsoft Power Apps Studio, mostrado coa súa propiedade Source.

  4. Garda e publica a aplicación e execútalo no teu dispositivo móbil.

  5. Seleccione Ver en MR para ver o obxecto 3D en realidade mixta. Seleccione a icona da cámara para facer unha foto da vista MR.

A continuación, engadiremos unha galería para que os usuarios poidan ver as fotos que fixeron.

  1. Edita a túa aplicación de novo. Abre o Inserir ficha e coloque a Galería vertical control na pantalla.

  2. Cambia o control Elementos propiedade a ViewInMR1.Fotos. (ViewInMR1 é o nome do Ver en MR control que engadimos anteriormente).

  3. Opcionalmente, cambia a galería Maquetación propiedade a Imaxe e título.

    Captura de pantalla dunha galería vertical en construción Microsoft Power Apps Studio, mostrado coas súas propiedades Elementos e Disposición.

  4. Previsualiza a aplicación e selecciona Ver en MR para xerar unha foto de mostra. A galería enchégase cunha imaxe de mostra.

    Captura de pantalla dunha aplicación de lenzo que mostra un modelo 3D e unha foto do modelo nunha galería.

Nota

Se os usuarios saen da vista MR para ver a galería e, a continuación, acceden de novo á vista MR e sacan máis fotos, as novas fotos substituirán ás que fixeran anteriormente.

Para que as fotos da galería sexan máis fáciles de ver, podes engadir unha superposición a tamaño completo que aparece cando o usuario selecciona unha imaxe en miniatura.

  1. Edita a túa aplicación de novo. Abre o Inserir pestana e expandir Medios.

  2. Seleccione Imaxe para colocar un control de imaxe na pantalla. Moveo e dimensiona segundo como queres que apareza a foto máis grande cando se selecciona unha imaxe en miniatura.

    Captura de pantalla dun control de imaxe en construción Microsoft Power Apps Estudio.

  3. Cambie as propiedades do control de imaxe do seguinte xeito: | Propiedade | Valor | | - | - | | OnSelect | UpdateContext({vVisibleImageZoom:false}) | | Image | Galería1.Seleccionada.Imaxe2 (supoñendo que o control da galería é Galería 1 e a primeira imaxe en miniatura é Imaxe 2) | Visible | vVisibleImageZoom

  4. Seleccione a primeira imaxe en miniatura no control da galería. Cambia o seu OnSelect propiedade a UpdateContext({vVisibleImageZoom:true}).

    Captura de pantalla dunha imaxe en miniatura nunha galería en Microsoft Power Apps Studio, mostrado coa súa propiedade OnSelect.

  5. Garda e publica a aplicación e execútalo no teu dispositivo móbil.

  6. Seleccione Ver en MR e, a continuación, seleccione a icona da cámara para facer unha foto. Seleccione a frecha cara atrás na parte superior da pantalla para saír da vista MR.

  7. Selecciona a miniatura na galería para mostrar unha versión máis grande da foto. Seleccione a imaxe para ocultala.

Cargar fotos en OneDrive cun fluxo de Power Automate

Por último, crearemos un fluxo de traballo Power Automate. O fluxo de traballo carga fotos da aplicación a un cartafol chamado MRPhotos on OneDrive.

Crea un fluxo de entrada Power Automate

  1. Edita a túa aplicación. Seleccione Acción > Power Automate > Crea un novo fluxo. (É posible que teñas que iniciar sesión en Power Automate primeira.)

    Captura de pantalla dunha aplicación en Microsoft Power Apps Estudio, cun novo Power Automate caudal seleccionado.

  2. Busca e selecciona o Power Apps modelo de botón.

    Unha captura de pantalla do Power Automate páxina de modelo, co Power Apps modelo de botón seleccionado.

  3. Seleccione Power Apps botón na parte superior da xanela e introduza un novo nome para o seu fluxo. Neste exemplo, nomearemos o fluxo Carga a foto de MR.

    Unha captura de pantalla do Power Automate xanela de edición, co nome do fluxo de traballo resaltado.

  4. No PowerApps paso no fluxo de traballo, seleccione ... e, a continuación, seleccione Eliminar.

    Unha captura de pantalla do Power Automate xanela de edición, co PowerApps paso seleccionado para eliminar.

  5. Buscar PowerApps (V2) e selecciona o PowerApps (V2) disparador.

    Unha captura de pantalla do Power Automate xanela de edición, co PowerApps (v2) activador seleccionado.

  6. Seleccione Engade unha entrada e, a continuación, seleccione Arquivo.

  7. Cambia a etiqueta Contido do ficheiro a Imaxe.

    Unha captura de pantalla do Power Automate xanela de edición, coa etiqueta de entrada do ficheiro cambiada a Imaxe.

  8. Seleccione Novo paso. Buscar OneDrive Crear ficheiro e selecciona o Crear ficheiro acción.

    Unha captura de pantalla do Power Automate xanela de edición, co OneDrive Acción Crear ficheiro seleccionada.

  9. En Camiño do cartafol, seleccione a icona do cartafol e navegue ata o MRPhotos cartafol que creaches anteriormente.

  10. En Nome de arquivo, entrar @{ triggerBody()?['ficheiro']?['nome']} (O teu texto cambia a "file.name.")

  11. En Contido do ficheiro, entrar @{ triggerBody()['ficheiro']['contentBytes']} (O teu texto cambia a "Imaxe").

  12. Garda o teu fluxo.

O fluxo completo debería verse así:

Unha captura de pantalla do Power Automate xanela de edición, mostrando o fluxo de traballo completado.

Conecta o fluxo de traballo a un botón da túa aplicación

  1. Volve á túa aplicación en Power Apps Studio. O teu fluxo aparece agora en Fluxos dispoñibles.

    Unha captura de pantalla do Power Apps Studio Panel de datos, co novo fluxo mostrado.

  2. Abra o separador Inserir e seleccione Botón. Coloque o control do botón na pantalla e cambie o tamaño segundo sexa necesario.

  3. Cambia o control do botón Texto propiedade a Carga fotos.

  4. Na barra de fórmulas na parte superior do Power Apps xanela, seleccione OnSelect propiedade. Seleccione Acción > Power Automate > Carga a foto de MR.

    Captura de pantalla dun control de botón en construción Power Apps Studio, cun fluxo engadido á propiedade OnSelect do control.

    O control do botón OnSelect cambios de propiedade a CargarMRPhoto.Run(.

  5. Para cargar a última foto tomada, pega o seguinte código despois do paréntese inicial: { ficheiro:{ nome:GUID() e ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})

    Captura de pantalla da propiedade OnSelect dun control de botón no ficheiro Power Apps Studio barra de fórmulas, que carga a última foto tomada.

    Se colocaches o control do botón dentro da galería, pega o seguinte código no seu lugar: { ficheiro:{ nome:GUID() e ".png", contentBytes:ThisItem.ImageURI}})

    Captura de pantalla da propiedade OnSelect dun control de botón no ficheiro Power Apps Studio barra de fórmulas, cando o botón está nunha galería.

    Para facer que o botón cargue todas as fotos tomadas, elimina CargarMRPhoto.Run( e pega o seguinte código: ParaTodos(ViewInMR1.Photos, UploadMRPhoto.Run({ ficheiro:{ nome:GUID() e ".png", contentBytes:ImaxeURI}}))

    Captura de pantalla da propiedade OnSelect dun control de botón no ficheiro Power Apps Studio barra de fórmulas, que carga todas as fotos tomadas.

  6. Previsualiza a aplicación e selecciona Ver en MR e, a continuación, seleccione Carga fotos. Comproba o MRPhotos cartafol activado OneDrive e confirma que a foto de mostra foi cargada.

Engade capacidade sen conexión á túa aplicación

Podes usar a túa aplicación aínda que teñas unha conectividade de rede limitada ou nula usando o Gardar datos e Cargar datos funcións.

Carga fotos capturadas en realidade mixta a Dataverse

Podes engadir fotos a Dataverse táboas a través dunha columna de tipo de datos de imaxe. Columnas da imaxe Dataverse ten dous campos obrigatorios - Completo e Valor - que se poden configurar na saída ImageURI dos controis MR.

Por exemplo, se queres cargar a primeira foto capturada polo marcado no control MR a a Dataverse columna chamada Imaxe:

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

Consulte tamén

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).