Compartir a través de

Control de cámara en Power Apps

Control que permite a los usuarios tomar fotos con la cámara en un dispositivo.

Description

Usa 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 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 ser:

  • Se ve con el control Imagen. Use el control Image para ver la imagen capturada. Para obtener más información, vea los ejemplos.
  • Coloque temporalmente 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 en una colección al mismo tiempo que consume memoria limitada del dispositivo. Use las funciones SaveData y LoadData para mover imágenes al almacenamiento local en el dispositivo y para escenarios sin conexión.
  • Almacenado en una base de datos. Use la función Patch para almacenar imágenes en una base de datos.
  • Se transmite como una cadena de texto codificada en base64. Use la función JSON para codificar imágenes base64.

Use las propiedades Stream, StreamRate y OnStream para capturar automáticamente imágenes en un temporizador, por ejemplo, ajustar una imagen cada minuto para crear una secuencia de expiración de tiempo.

Un URI de cadena de texto hace referencia a los medios capturados. Para obtener más información, lea la documentación del tipo de datos.

Nota:

  • El control de cámara solo se admite en exploradores Microsoft Edge, Chrome, Firefox y Opera; y dispositivos Android e iOS. Todos los demás exploradores 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 cámara tienen una resolución máxima de 640 x 480 px. Si necesita imágenes de resolución completa, use el control Agregar imagen en su lugar.
  • En función de la marca y el modelo del dispositivo móvil, la cámara del dispositivo puede tardar unos segundos en inicializarse al usar el control de cámara.

Limitaciones

El control de cámara tiene estas limitaciones:

  1. Cuando se usa el control de cámara, la imagen no contiene información de metadatos. Esto se debe a una limitación de cómo tomamos imágenes con la cámara. Para mitigar este problema, use el control Agregar imagen.
  2. Si el dispositivo móvil tiene poca memoria, la cámara se deshabilita temporalmente para evitar que se bloquee el dispositivo.
  3. Power Apps para Windows podría bloquearse si abre una aplicación que usa un control de cámara. Para evitar este problema, use el reproductor web en la plataforma Windows. Además, no se admiten varias cámaras.

Propiedades importantes

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

La tabla contiene dos columnas:

  • Número de identificador que se va a usar con la propiedad Camera
  • Nombre proporcionado por el dispositivo para identificar la cámara. Algunas plataformas pueden incluir Front o Back para ayudar a localizar la cámara.

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

Cámara : identificador numérico de la cámara que se va a usar. Útil en dispositivos con más de una cámara.

OnStream : acciones que se deben realizar cuando se actualiza la propiedad Stream .

Foto : la imagen capturada cuando el usuario toma una foto.

Stream : imagen actualizada automáticamente basada en la propiedad StreamRate .

StreamRate : frecuencia con la que se actualiza la imagen en la propiedad Stream , en milisegundos. Este valor puede oscilar entre 100 (1/10 de segundo) y 3.600.000 (1 hora).

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla. Debe describir el propósito de tomar una foto.

BorderColor : color del borde de un control.

BorderStyle : indica si el borde de un control es Sólido, Discontinuo, Punteado o Ninguno.

BorderThickness : grosor del borde de un control.

Brillo : cuánta luz es probable que el usuario perciba en una imagen.

Contraste : la facilidad con la que el usuario puede distinguir entre colores similares en una imagen.

DisplayMode : indica si el control permite la entrada del usuario (Editar), solo muestra datos (Vista) o está deshabilitado (Deshabilitado).

FocusedBorderColor : color del borde de un control cuando se centra el control.

FocusedBorderThickness : el grosor del borde de un control cuando el control se centra.

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

OnSelect : acciones que se deben realizar cuando el usuario pulsa o hace clic en un control.

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

Información sobre herramientas: texto explicativo que aparece cuando el usuario mantiene el puntero sobre un control.

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

Ancho : distancia entre los bordes izquierdo y derecho de un control.

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

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

Examples

Para estos ejemplos, necesitará un dispositivo con una cámara. Para probar la aplicación, use una cámara web accesible desde el explorador. También puede guardar la aplicación y cargarla en un dispositivo iOS o Android con una cámara.

Visualización sencilla de una imagen capturada

  1. Agregue un control Cámara .

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

  3. Agregue un control Image .

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

    Camera1.Photo

    Nota:

    Reemplace el nombre del control de cámara Camera1 según corresponda.

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

  6. Para tomar una foto, seleccione o pulse el control de cámara. Debería ver el resultado en el control de imagen.

  1. Agregue un control Cámara , asígnele el nombre 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 MyCamera.

  3. Agregue un control galería vertical . A continuación, cambie el tamaño de su control Image , su plantilla y el propio control Galería de imágenes para 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 Image de la galería en esta fórmula:

    ThisItem.Url

    La imagen que tomó aparece en el control Galería de imágenes .

  6. Tome tantas imágenes como desee y vuelva al área de trabajo predeterminada presionando Esc.

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

    Remove( MyPix, ThisItem )

  8. Presione F5 y, a continuación, seleccione una imagen para quitarla.

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 de una lista desplegable

  1. Agregue un control Cámara .

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

  3. Agregue un control Desplegable .

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

    Camera1.AvailableDevices

    Nota:

    Reemplace el nombre del control de cámara Camera1 según corresponda.

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

    Dropdown1.Selected.Id

    Nota:

    Reemplace el nombre del control desplegable Dropdown1 según corresponda.

  6. Presione F5 y, a continuación, seleccione un elemento en la lista desplegable para cambiar la cámara.

Directrices de accesibilidad

El control de cámara muestra la fuente de la cámara y también funciona como un botón que toma una foto. Por lo tanto, hay consideraciones de accesibilidad similares 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, agregue una imagen para permitir que los usuarios carguen una imagen desde su dispositivo.

Contraste de color

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

Compatibilidad con lector de pantalla

AccessibleLabel debe estar presente.

Compatibilidad de teclado

  • TabIndex debe ser cero o mayor para que los usuarios del teclado puedan navegar a él.

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

Consulte también

Limitaciones de los controles en Power Apps

  • Last updated on