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
- Crea unha aplicación de lenzo en branco.
- Crea un cartafol chamado MRPhotos on OneDrive. Usarás este cartafol para almacenar as túas fotos cargadas.
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:
Abre o Inserir pestana e expandir Medios.
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.
Inserir e conectar a Ver en MR control
Abre o Inserir pestana e expandir Realidade Mixta.
Seleccione Ver en MR para colocar o control na pantalla da aplicación ou arrastralo á pantalla para situalo con máis precisión.
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.
Garda e publica a aplicación e execútalo no teu dispositivo móbil.
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.
Insire un control de galería para ver as fotos tomadas na aplicación
A continuación, engadiremos unha galería para que os usuarios poidan ver as fotos que fixeron.
Edita a túa aplicación de novo. Abre o Inserir ficha e coloque a Galería vertical control na pantalla.
Cambia o control Elementos propiedade a ViewInMR1.Fotos. (ViewInMR1 é o nome do Ver en MR control que engadimos anteriormente).
Opcionalmente, cambia a galería Maquetación propiedade a Imaxe e título.
Previsualiza a aplicación e selecciona Ver en MR para xerar unha foto de mostra. A galería enchégase cunha imaxe de mostra.
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.
Engade unha superposición máis grande ás imaxes en miniatura da galería
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.
Edita a túa aplicación de novo. Abre o Inserir pestana e expandir Medios.
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.
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
Seleccione a primeira imaxe en miniatura no control da galería. Cambia o seu OnSelect propiedade a UpdateContext({vVisibleImageZoom:true}).
Garda e publica a aplicación e execútalo no teu dispositivo móbil.
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.
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
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.)
Busca e selecciona o Power Apps modelo de botón.
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.
No PowerApps paso no fluxo de traballo, seleccione ... e, a continuación, seleccione Eliminar.
Buscar PowerApps (V2) e selecciona o PowerApps (V2) disparador.
Seleccione Engade unha entrada e, a continuación, seleccione Arquivo.
Cambia a etiqueta Contido do ficheiro a Imaxe.
Seleccione Novo paso. Buscar OneDrive Crear ficheiro e selecciona o Crear ficheiro acción.
En Camiño do cartafol, seleccione a icona do cartafol e navegue ata o MRPhotos cartafol que creaches anteriormente.
En Nome de arquivo, entrar @{ triggerBody()?['ficheiro']?['nome']} (O teu texto cambia a "file.name.")
En Contido do ficheiro, entrar @{ triggerBody()['ficheiro']['contentBytes']} (O teu texto cambia a "Imaxe").
Garda o teu fluxo.
O fluxo completo debería verse así:
Conecta o fluxo de traballo a un botón da túa aplicación
Volve á túa aplicación en Power Apps Studio. O teu fluxo aparece agora en Fluxos dispoñibles.
Abra o separador Inserir e seleccione Botón. Coloque o control do botón na pantalla e cambie o tamaño segundo sexa necesario.
Cambia o control do botón Texto propiedade a Carga fotos.
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.
O control do botón OnSelect cambios de propiedade a CargarMRPhoto.Run(.
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}})
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}})
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}}))
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).
Comentarios
Enviar e ver os comentarios