Share via

Control de càmera al Power Apps

  • Article

Control que permet als usuaris fer fotografies mitjançant la càmera del dispositiu.

Descripció

Utilitzeu el control Camera per capturar imatges amb la càmera del dispositiu. El dispositiu ha de tenir una càmera i l'usuari ha d'autoritzar l'aplicació per utilitzar la càmera.

Seleccioneu el control de la càmera per capturar una imatge de la càmera.

La imatge capturada més recentment està disponible a través de la propietat Photo. Amb aquesta propietat, les imatges es poden:

  • Visualitzar amb control d'imatge. Utilitzeu el control Image per visualitzar la imatge capturada. Per obtenir més informació, vegeu els exemples.
  • Col·locar temporalment en una variable o en una col·lecció. Utilitzeu les funcions Set o Collect per emmagatzemar imatges en una variable o en una col·lecció. Aneu amb compte en utilitzar diverses imatges d'una col·lecció a la vegada, que consumeix la memòria limitada del dispositiu. Utilitzeu les funcions SaveData i LoadData per moure imatges a l'emmagatzematge local al dispositiu i per a escenaris fora de línia.
  • Emmagatzemar en una base de dades. Utilitzeu la funció Patch per emmagatzemar imatges en una base de dades.
  • Transmetre com a cadena de text codificada en Base64. Utilitzeu la funció JSON per codificar les imatges en Base64.

Utilitzeu les propietats Stream, StreamRate i OnStream per capturar automàticament imatges en un temporitzador, per exemple, capturant una imatge cada minut per crear una seqüència temporal.

Es fa referència als elements multimèdia capturats amb un URI de cadena de text. Per obtenir més informació, llegiu la documentació del tipus de dades.

Nota

  • El control de la càmera només és compatible amb Microsoft Edge els navegadors Chrome Firefox i Opera; i Android dispositius iOS . La resta de navegadors i plataformes mostraran un advertiment que algunes de les característiques de l'aplicació no funcionaran.
  • Les imatges generades pel control de la càmera tenen una resolució màxima de 640 x 480 píxels. Si necessiteu imatges de resolució completa, utilitzeu el control Add picture, en el seu lloc.
  • Segons el model i la creació del dispositiu mòbil, la càmera del dispositiu pot trigar uns quants segons a inicialitzar-se quan s'utilitza el control de la càmera.

Limitacions

El control de la càmera té aquestes limitacions:

  1. Quan utilitzeu el control de càmera, la imatge no conté informació de metadades. Això es deu a la limitació de com capturem les imatges amb la càmera. Per mitigar aquest problema, utilitzeu el control Afegeix una imatge
  2. Si el dispositiu mòbil té poca memòria, la càmera es desactiva temporalment per evitar que es bloquegi el dispositiu.
  3. Power Apps per al Windows pot fallar si obriu una aplicació que utilitza un control de càmera. Per evitar aquest problema, utilitzeu el reproductor web de la plataforma del Windows. A més a més, no s'admeten diverses càmeres.

Propietats de la clau

AvailableDevices: taula de les càmeres disponibles al dispositiu.

La taula conté dues columnes:

  • Número d'identificador que s'utilitzarà amb la propietat Camera
  • Nom que proporciona el dispositiu per identificar la càmera. Algunes plataformes poden incloure Davant o Darrere per ajudar a ubicar la càmera.

Nota: no tots els dispositius de la taula es poden utilitzar a l'aplicació. Alguns poden ser controladors o aplicacions especialitzades destinades a propòsits específics.

Camera: l'identificador numèric de la càmera que s'utilitzarà. Útil en dispositius amb més d'una càmera.

OnStream: accions que cal dur a terme quan s'actualitza la propietat Stream.

Photo: la imatge capturada quan l'usuari fa una foto.

Stream: imatge actualitzada automàticament segons la propietat StreamRate.

StreamRate: amb quina freqüència s'actualitza la imatge a la propietat Stream, en mil·lisegons. Aquest valor pot variar de 100 (1/10è d'un segon) a 3.600.000 (1 hora).

Propietats addicionals

AccessibleLabel: etiqueta per a lectors de pantalla. Cal que descrigui el propòsit de capturar una imatge.

BorderColor: el color de la vora d'un control.

BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.

BorderThickness: el gruix de la vora d'un control.

Brightness: quanta llum és probable que percebi l'usuari en una imatge.

Contrast: com de fàcil l'usuari pot distingir entre colors semblants en una imatge.

DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).

FocusedBorderColor: el color de la vora d'un control quan el control té l'enfocament.

FocusedBorderThickness: el gruix de la vora d'un control quan el control té l'enfocament.

Height: la distància entre les vores superior i inferior d'un control.

OnSelect: accions que cal dur a terme quan l'usuari toca o fa clic en un control.

TabIndex: ordre de navegació amb el teclat comparat amb altres controls.

Tooltip: text explicatiu que apareix quan l'usuari es desplaça per sobre d'un control.

Visible: si es mostra o s'amaga un control.

Width: la distància entre les vores esquerra i dreta d'un control.

X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal o la pantalla.

Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal o la pantalla.

Exemples

Per a aquests exemples, necessitareu un dispositiu amb una càmera. Per provar l'aplicació, utilitzeu una càmera web accessible des del navegador. O bé desant l'aplicació i carregant-la en un iOS o Android dispositiu amb una càmera.

Visualització simple d'una imatge capturada

  1. Add un control Camera.

  2. Autoritzeu l'aplicació per utilitzar la càmera del dispositiu si se us demana.

  3. Afegeix un control Image.

  4. Definiu la propietat Image del control Image a la fórmula següent:

    Camera1.Photo

    Nota

    Substituïu el nom del control de càmera Camera1 segons convingui.

  5. Premeu F5 per obtenir una visualització prèvia de l'aplicació.

  6. Feu una foto seleccionant o tocant el control de la càmera. Heu de veure el resultat en el control d'imatge.

  1. Afegiu un control Camera, anomeneu-lo MyCamera i definiu la propietat OnSelect en aquesta fórmula:

    Collect( MyPix, MyCamera.Photo )

    Per obtenir més informació:

  2. Premeu F5 i feu una foto seleccionant o tocant MyCamera.

  3. Afegiu un control Vertical gallery. I després redimensioneu el control Image, la seva plantilla i el control Image gallery per adaptar-se a la pantalla.

  4. Definiu la propietat Items del control Image gallery a aquesta fórmula:

    MyPix

  5. Definiu la propietat Image del control Image a la galeria a aquesta fórmula:

    ThisItem.Url

    La imatge que heu fet apareix al control Image gallery.

  6. Feu el número d'imatges que vulgueu i, a continuació, torneu a l'àrea de treball per defecte prement Esc.

  7. (opcional) Definiu la propietat OnSelect del control Image al control Image gallery a aquesta fórmula:

    Remove( MyPix, ThisItem )

  8. Premeu F5 i seleccioneu una imatge per suprimir-la.

Utilitzeu la funció SaveData per desar les imatges localment o la funció Patch per actualitzar un font de dades.

Canviar la càmera activa des d'una llista desplegable

  1. Add un control Camera.

  2. Autoritzeu l'aplicació per utilitzar la càmera del dispositiu si se us demana.

  3. Afegiu un control Drop down.

  4. Definiu la propietat Items de la llista desplegable a:

    Camera1.AvailableDevices

    Nota

    Substituïu el nom del control de càmera Camera1 segons convingui.

  5. Definiu la propietat Camera de la càmera a:

    Dropdown1.Selected.Id

    Nota

    Substituïu el nom del control desplegable Dropdown1 segons convingui.

  6. Premeu F5 i, a continuació, seleccioneu un element del menú desplegable per canviar la càmera.

Pautes d'accessibilitat

El control de la càmera mostra el canal de continguts de la càmera i també funciona com un botó que captura una imatge. Per tant, hi ha consideracions d'accessibilitat semblants amb els botons.

Alternatives de vídeo

Considereu la possibilitat d'afegir una alternativa d'entrada per a usuaris amb discapacitats visuals. Per exemple, Add picture per permetre als usuaris carregar una imatge des del seu dispositiu.

Contrast de color

Hi ha d'haver un contrast de color adequat entre FocusedBorderColor i el color exterior.

Suport del lector de pantalla

AccessibleLabel ha d'estar present.

Compatibilitat amb el teclat

  • TabIndex ha de ser zero o superior per tal que els usuaris del teclat puguin navegar-hi.

  • Cal que els indicadors d'enfocament siguin clarament visibles. Utilitzeu FocusedBorderColor i FocusedBorderThickness per actualitzar la visibilitat dels indicadors d'enfocament.

Consulteu també

Limitacions dels controls de Power Apps

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).