Control Entrada manuscrita en Power Apps

  • Artículo

Control en el que el usuario puede dibujar, borrar y resaltar áreas de una imagen.

Descripción

El usuario puede utilizar este control como una pizarra, dibujar diagramas y escribir palabras que se pueden convertir en texto mecanografiado.

Limitaciones

El control entrada manuscrita presenta estas limitaciones:

  • En la aplicación para Windows, el control del lápiz únicamente permite dibujar con un ratón o una entrada táctil de forma parcial. Es posible que los trazos sean intermitentes. Para dibujar de forma más suave, use un lápiz o ejecute la aplicación en un explorador.

Propiedades importantes

Imagen: propiedad de salida que representa la imagen dibujada por el usuario final.

Color: el color de los trazos de entrada.

Mode: el control se encuentra en modo Dibujar o Borrar. El modo Seleccionar está en desuso.

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla. Puede utilizarse para describir el propósito del control, así como métodos de entrada alternativos.

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.

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

Fill: el color de fondo de un control.

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

Input: en desuso. Indica si la entrada admite entradas de mouse, lápiz o táctiles. El valor predeterminado (7) admite las tres.

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

SelectionColor: color del texto de los elementos seleccionados en una lista o de la herramienta de selección de un control de lápiz.

SelectionThickness: grosor de la herramienta de selección de un control Entrada manuscrita.

ShowControls: indica si se muestra un reproductor de audio o vídeo, por ejemplo, un botón de reproducción y un control deslizante de volumen, y un control de entrada manuscrita muestra, por ejemplo, iconos para dibujar, borrar y borrar todo.

Size: tamaño de la fuente del texto que aparece en un control.

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 primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

Collect( CollectionName, DatatoCollect )

Ejemplo

Crear un conjunto de imágenes

  1. Agregue un control Entrada manuscrita, asígnele el nombre MyDoodles y establezca su propiedad ShowControls en true.

    ¿No sabe cómo agregar, nombrar y configurar un control?

  2. Agregue un control Botón, desplácelo bajo MyDoodles y establezca la propiedad Text del control Botón para que muestre Agregar.

  3. Establezca la propiedad OnSelect del control Botón en esta fórmula:
    Collect(Doodles, {Sketch:MyDoodles.Image})

  4. Agregue un control Galería de imágenes, desplácelo bajo el control Botón y reduzca el ancho del control Galería de imágenes hasta que muestre tres elementos.

  5. Establezca la propiedad Items del control Galería de imágenes en Doodles y presione F5.

  6. Dibuje una imagen en MyDoodles y pulse o haga clic en el control Botón.

    La imagen que ha dibujado aparecerá en el control Galería de imágenes.

  7. (opcional) En el control Entrada manuscrita, haga clic en o pulse el icono para borrar la imagen que ha dibujado, dibuje otra y pulse o haga clic en el control Botón.

  8. En el control Galería de imágenes, establezca la propiedad OnSelect del control Imagen con la siguiente fórmula:
    Remove(Doodles, ThisItem)

  9. Pulse o haga clic en el control Galería de imágenes para eliminar un dibujo.

Use la función SaveData para guardar los dibujos en el entorno local o la función Patch para guardarlas en un origen de datos.

Instrucciones para accesibilidad

Contraste de color

Debe haber un contraste de color adecuado entre:

  • BorderColor y el color situado fuera del control (si hay un borde)
  • Fill y el color situado fuera del control (si no hay un borde)

Compatibilidad con el lector de pantalla

  • La propiedad AccessibleLabel debe existir.

    Importante

    El control Entrada manuscrita no es accesible para los usuarios de lector de pantalla. Proporcione siempre una forma de entrada alternativa. Por ejemplo, si se requiere un boceto, considere la posibilidad de agregar un control Agregar imagen para que los usuarios carguen una imagen. Se pueden ofrecer ambos métodos y el usuario puede elegir el que mejor le convenga.

Compatibilidad con el teclado

Importante

Entrada manuscrita no es accesible para los usuarios de teclado. Proporcione siempre una forma de entrada alternativa. Por ejemplo, si se requiere una firma, podría agregar un control Entrada de texto para que los usuarios escriban su nombre. Se pueden ofrecer ambos métodos y el usuario puede elegir el que mejor le convenga.

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).