Compartir vía

Control Cámara en Power Apps

  • Artículo

Un control que permite a los usuarios tomar fotos usando la cámara de un dispositivo.

Descripción

Utilice el control Cámara para capturar imágenes con la cámara de un dispositivo. El dispositivo debe tener una cámara y el usuario debe autorizar a la aplicación a usar la cámara.

Seleccione el control de la cámara para capturar una imagen de la cámara.

La imagen capturada más recientemente está disponible a través de la propiedad Photo. Con esta propiedad, las imágenes pueden:

  • Verse con el control Imagen. Use el control Imagen para ver la imagen capturada. Para obtener más información, vea los ejemplos.
  • Ponerse temporalmente en una variable o una colección. Use las funciones Set o Collect para almacenar imágenes en una variable o una colección. Tenga cuidado al usar varias imágenes de una colección al mismo tiempo que consuman la memoria limitada del dispositivo. Utilice las funciones SaveData y LoadData para mover imágenes al almacenamiento local del dispositivo y para escenarios sin conexión.
  • Almacenarse en una base de datos. Utilice la función Patch para almacenar imágenes en una base de datos.
  • Transmitirse como una cadena de texto codificado en base64. Utilice la función JSON para codificar imágenes en base64.

Utilice las propiedades Stream, StreamRate y OnStream para capturar automáticamente imágenes en un temporizador, por ejemplo, tomar una foto cada minuto para crear una secuencia de lapso de tiempo.

Se hace referencia a los medios capturados mediante un URI de cadena de texto. Para obtener más información, consulte la documentación de tipo de datos.

Nota

  • El control de la cámara solo es compatible con los exploradores Microsoft Edge, Chrome, Firefox y Opera; también con dispositivos Android e iOS. Todos los demás navegadores y plataformas mostrarán una advertencia de que algunas características de la aplicación no funcionarán.
  • Las imágenes generadas por el control de la cámara tienen una resolución máxima de 640 x 480 px. Si necesita imágenes de resolución completa, en su lugar use el control Agregar imagen.
  • Dependiendo de la marca y el modelo de su dispositivo móvil, la cámara del dispositivo puede tardar unos segundos en inicializarse al usar el control Cámara.

Limitaciones

El control cámara presenta estas limitaciones:

  1. Al usar el control de cámara, la imagen no contiene la información de los metadatos. Esto se debe a una limitación del modo en el que tomamos las imágenes con la cámara. Para mitigar el problema, use el control Add Picture
  2. Si el dispositivo móvil tiene poca memoria, la cámara se deshabilita temporalmente para evitar el bloqueo del dispositivo.
  3. Power Apps para Windows puede bloquearse si se abre una aplicación que utiliza un control de cámara. Para evitar este problema, utilice el reproductor web en la plataforma Windows. Tampoco se admiten las cámaras múltiples.

Propiedades importantes

AvailableDevices: tabla de las cámaras disponibles en el dispositivo.

La tabla contiene dos columnas:

  • Número de Id que se utilizará con la propiedad Cámara
  • Nombre proporcionado por el dispositivo para identificar la cámara. Algunas plataformas pueden incluir Frente o Atrás para ayudar a ubicar la cámara.

Nota: No todos los dispositivos de la tabla pueden utilizarse en su aplicación. Algunos pueden ser controladores o aplicaciones especializados destinados a fines específicos.

Cámara: el id. numérico de la cámara que se utilizará. Útil en dispositivos con más de una cámara.

OnStream: acciones a realizar cuando la propiedad Stream está actualizada.

Photo: la imagen capturada cuando el usuario realiza una foto.

Stream: la imagen se actualiza automáticamente en la propiedad StreamRate.

StreamRate: la frecuencia de actualización de la imagen en la propiedad Stream, en milisegundos. Este valor puede oscilar entre 100 (1/10 centésimas de segundo) y 3 600 000 (1 hora).

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla. Debe describir la finalidad de realizar una foto.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

Brightness: indica la claridad que el usuario percibirá probablemente en una imagen.

Contrast: indica cómo el usuario puede distinguir fácilmente colores similares en una imagen.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Height: la distancia entre los bordes superior e inferior de un control.

OnSelect: acciones para llevar a cabo cuando el usuario toca o hace clic en un control.

TabIndex: orden de navegación del teclado en comparación con otros controles.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor o pantalla principales.

Y: la distancia entre el borde superior de un control y el borde superior del contenedor o la pantalla principales.

Ejemplos

Para estos ejemplos, necesitará un dispositivo con una cámara. Para probar su aplicación, use una cámara web accesible desde su navegador. O guardando su aplicación y cargándola en un dispositivo iOS o Android con una cámara.

Visualización simple de una imagen capturada

  1. Add un control Cámara.

  2. Autorice a la aplicación a usar la cámara del dispositivo si se le solicita.

  3. Agregue un control Imagen.

  4. Establezca la propiedad Imagen del control Imagen en la siguiente fórmula:

    Camera1.Photo

    Nota

    Reemplace el nombre del control Cámara Camera1 según sea apropiado.

  5. Presione F5 para obtener una vista previa de su aplicación.

  6. Tome una fotografía seleccionando o tocando el control de la cámara. Debería ver el resultado en su control de imagen.

  1. Agregue un control Cámara, denomínelo MyCamera y establezca su propiedad OnSelect en esta fórmula:

    Collect( MyPix, MyCamera.Photo )

    Para obtener más información:

  2. Presione F5 y, a continuación, tome una foto seleccionando o pulsando en MyCamera.

  3. Agregue un control Galería vertical. Luego cambie de tamaño su control Imagen, su plantilla y el propio control Galería de imágenes para que quepa en la pantalla.

  4. Establezca la propiedad Items del control Galería de imágenes en esta fórmula:

    MyPix

  5. Establezca la propiedad Image del control Imagen de la galería en esta fórmula:

    ThisItem.Url

    La foto que realizó aparece en el control Galería de imágenes.

  6. Realice tantas fotografías como desee y, a continuación, presione Esc para volver al área de trabajo predeterminada.

  7. (opcional) Establezca la propiedad OnSelect del control Imagen en el control Galería de imágenes, en la fórmula:

    Remove( MyPix, ThisItem )

  8. Pulse F5 y luego seleccione una imagen para eliminarla.

Use la función SaveData para guardar las imágenes localmente o la función Patch para actualizar un origen de datos.

Cambiar la cámara activa desde un menú desplegable

  1. Agregue un control Cámara.

  2. Autorice a la aplicación a usar la cámara del dispositivo si se le solicita.

  3. Add un control Desplegable.

  4. Establezca la propiedad Items de la lista desplegable en:

    Camera1.AvailableDevices

    Nota

    Reemplace el nombre del control Cámara Camera1 según sea apropiado.

  5. Establezca la propiedad Camera de la cámara en:

    Dropdown1.Selected.Id

    Nota

    Reemplace el nombre del control Desplegable Dropdown1 según sea apropiado.

  6. Presione F5 y luego seleccione un elemento del menú desplegable para cambiar la cámara.

Instrucciones para accesibilidad

El control de la cámara muestra la alimentación de la cámara y también funciona como un botón que toma una foto. Por lo tanto, las consideraciones sobre accesibilidad son parecidas a las de los botones.

Alternativas de vídeo

Considere la posibilidad de agregar una forma alternativa de entrada para los usuarios con discapacidades visuales. Por ejemplo, Agregar imagen para permitir que los usuarios carguen una imagen desde sus dispositivos.

Contraste de color

Debe haber un contraste de color adecuado entre FocusedBorderColor y el color exterior.

Compatibilidad con el lector de pantalla

La propiedad AccessibleLabel debe estar presente.

Compatibilidad con el teclado

  • TabIndex debe ser cero o superior para que los usuarios del teclado puedan desplazarse hasta él.

  • Los indicadores de foco deben ser claramente visibles. Utilice FocusedBorderColor y FocusedBorderThickness para actualizar la visibilidad de los indicadores de enfoque.

Consultar también

Limitaciones de los controles de Power Apps

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).