Responder a las interacciones de pluma y lápiz (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows en tiempo de ejecución. Si estás desarrollando para Windows 10, consulta la documentación más reciente

Crea una aplicación y agrégale compatibilidad con un lápiz o pluma para que pueda crear notas, dibujos y anotaciones escritas a mano.

Sugerencia  La información sobre este tema es específica para desarrollar aplicaciones de la Tienda Windows con JavaScript.

Consulta Responder a las interacciones de pluma y lápiz (XAML) para obtener información sobre aplicaciones de la Tienda Windows con C++, C# o Visual Basic.

 

Requisitos previos: Si acabas de empezar a desarrollar aplicaciones de la Tienda Windows con JavaScript, consulta estos temas para familiarizarte con las tecnologías presentadas aquí.

Crear la primera aplicación de la Tienda Windows con JavaScript

Guía básica para crear aplicaciones de la Tienda Windows con JavaScript

Encontrarás más información sobre eventos en Inicio rápido: agregar controles HTML y controlar eventos

Funciones de la aplicación, de principio a fin: Consulta esta funcionalidad con más detalle como parte de la serie Funciones de la aplicación, de principio a fin

Interacción del usuario, de principio a fin (HTML)

Personalización de la interacción del usuario, de principio a fin (HTML)

Nota  

Las bibliotecas de control de la plataforma (HTML y XAML) proporcionan una experiencia de interacción del usuario de Windows completa, incluidas interacciones estándar, efectos físicos animados y comentarios visuales. Si no necesitas compatibilidad para interacción personalizada, usa estos controles integrados.

Si los controles de la plataforma no son suficientes, estas directrices para la interacción del usuario te pueden ayudar a proporcionar una experiencia de interacción atractiva y envolvente que sea coherente en todos los modos de entrada. Estas directrices se centran principalmente en la entrada táctil, pero también son adecuadas para las entradas de panel táctil, mouse, teclado y lápiz.

• Directrices para las interacciones del usuario comunes
• Directrices para zoom óptico y cambio de tamaño
• Directrices para panorámica
• Directrices para rotación
• Directrices para zoom semántico
• Directrices para información visual

 

Muestras: Para ver esta función en acción, consulta las Muestras de aplicaciones de la Tienda Windows.

Personalización de la interacción del usuario, muestra de principio a fin

Entrada: muestra de funcionalidades del dispositivo

Entrada: muestra de control de eventos de puntero de DOM

Entrada: muestra de entrada de lápiz

Entrada: muestra de entrada de lápiz simplificada

Introducción

Un lápiz o una pluma puede servir con dispositivo señalador de precisión. También puede ser un dispositivo de dibujo asociado a tinta digital.

La plataforma de entrada de lápiz de Windows 8, junto con un dispositivo de lápiz o pluma, ofrece una forma natural de crear notas, dibujos y anotaciones manuscritas. La plataforma admite la captura de datos de entrada de lápiz desde la entrada del digitalizador, la generación de datos de entrada de lápiz, la representación de los datos como trazos de lápiz en el dispositivo de salida, la administración de los datos de entrada de lápiz y la ejecución del reconocimiento de escritura a mano.

Además de capturar movimientos espaciales del lápiz a medida que el usuario escribe o dibuja, la aplicación también puede recopilar información como la presión, la forma, el color y la opacidad para ofrecer experiencias de usuario que se asemejan mucho a dibujar sobre papel con un lápiz o un pincel.

Nota  La plataforma de entrada de lápiz de Windows 8 también es compatible con entrada de otros dispositivos señaladores, entre ellos digitalizadores táctiles y dispositivos de mouse.

 

Desde luego que la interfaz de usuario de Windows 8 admite la precisión inherente de la entrada manuscrita, ya que se ha optimizado para la imprecisa naturaleza de la entrada táctil. Optimiza el diseño de tu aplicación de la Tienda Windows para la entrada táctil y obtén compatibilidad básica con el lápiz de manera predeterminada.

Para proporcionar compatibilidad con las interacciones de lápiz en escenarios que enfaticen la manipulación directa, usa una interfaz de usuario específica de lápiz para ofrecer una funcionalidad equivalente a los usuarios de tu aplicación, independientemente del dispositivo que usen. Por ejemplo, al detectar un lápiz, usa una barra de desplazamiento para simular el movimiento panorámico o los botones Anterior y Siguiente para pasar de una página de contenido a otra.

En esta sección

Tema	Descripción
Inicio rápido: capturar datos de entrada de lápiz	Este artículo de inicio rápido te guiará en el proceso de capturar datos de entrada de lápiz a partir de un digitalizador de entrada.
Cómo representar datos de entrada de lápiz	Aprende a representar segmentos de trazos de lápiz como suaves curvas de Bézier.
Cómo guardar datos de entrada de lápiz	En este tema se muestra cómo guardar datos de entrada de lápiz mediante la serialización de esos datos como metadatos ISF y su incrustación en un archivo con Formato de Intercambio de Gráficos (GIF).
Cómo cargar datos de entrada de lápiz	En este tema se muestra cómo cargar datos de entrada de lápiz mediante la deserialización de esos datos a partir de metadatos ISF incrustados en un archivo con Formato de Intercambio de Gráficos (GIF).
Cómo seleccionar trazos de lápiz	Aprende a seleccionar trazos de lápiz en una aplicación de la Tienda Windows con JavaScript.
Cómo borrar trazos de lápiz	Aprende a borrar trazos de lápiz en una aplicación de la Tienda Windows con JavaScript.
Cómo convertir trazos de lápiz en texto	Aprende a usar el reconocimiento de la escritura a mano y a convertir trazos de lápiz en texto en una aplicación de la Tienda Windows con JavaScript.

 

Temas relacionados

Conceptos

Responder a la interacción del usuario