Partager via


Réponse aux interactions du stylo et du stylet (HTML)

[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Élaborez une application qui peut créer des notes manuscrites, des dessins et des annotations, en ajoutant la prise en charge d’un stylo ou stylet.

Astuce  Les informations fournies dans cette rubrique sont spécifiques au développement d’applications du Windows Store en JavaScript.

Pour les applications du Windows Store en C++, C# ou Visual Basic, voir Réponse aux interactions du stylo et du stylet (XAML).

 

Conditions préalables: Si vous débutez dans le développement d’applications du Windows Store en JavaScript, consultez les rubriques ci-dessous pour vous familiariser avec les technologies décrites ici.

Créer votre première application du Windows Store en JavaScript

Feuille de route pour les applications du Windows Store en JavaScript

Découvrir les événements avec Démarrage rapide : ajout de contrôles HTML et gestion des événements

Fonctionnalités d’application de A à Z: Étudier cette fonctionnalité de façon plus approfondie dans le cadre de notre série Fonctionnalités d’application de A à Z

Interaction utilisateur de A à Z (HTML)

Personnalisation de l’interaction utilisateur de A à Z (HTML)

Remarque  

Les bibliothèques de contrôles de plateforme (HTML et XAML) fournissent l’intégralité de l’expérience d’interaction utilisateur de Windows, y compris les interactions standard, les effets physiques animés et le retour visuel. Utilisez ces contrôles intégrés si vous n’avez pas besoin d’une prise en charge d’interaction personnalisée.

Si les contrôles de plateforme ne suffisent pas, les présentes recommandations peuvent vous aider à fournir une expérience d’interaction utilisateur à la fois immersive et cohérente entre les divers modes d’entrée. Ces recommandations sont axées principalement sur l’entrée tactile, mais elles s’appliquent également à l’entrée de pavé tactile, de souris, de clavier et de stylet.

 

Exemples: Découvrez cette fonctionnalité en action dans nos exemples d’applications du Windows Store.

Exemple de personnalisation de l’interaction utilisateur de A à Z

Entrée : exemple de fonctionnalités de périphériques

Entrée : exemple de gestion d’événement de pointeur DOM

Entrée : exemple d’entrée manuscrite

Entrée : exemple d’entrée manuscrite simplifiée

Vue d’ensemble

Un stylo/stylet peut servir de dispositif de pointage de précision. Il peut également représenter un dispositif de dessin associé à une fonctionnalité d’entrée manuscrite.

La plateforme d’entrée manuscrite de Windows 8, associée à un périphérique à stylet, fournit un moyen naturel de créer des notes manuscrites, des dessins et des annotations. Cette plateforme prend en charge la capture de données d’entrée manuscrite à partir de l’entrée du numériseur, la génération de données d’entrée manuscrite, le rendu de ces données sous forme de traits d’encre sur le périphérique de sortie, la gestion des données d’entrée manuscrite et la reconnaissance de l’écriture manuscrite.

En plus de capturer les mouvements spatiaux du stylet à mesure que l’utilisateur écrit ou dessine, votre application peut également recueillir des informations telles que la pression, la forme, la couleur et l’opacité, de manière à offrir des expériences utilisateur ressemblant étroitement au dessin réel à l’aide d’un stylo, d’un crayon ou d’un pinceau.

Remarque  La plateforme d’entrée manuscrite dans Windows 8 prend également en charge l’entrée à partir d’autres périphériques de pointage, comme les numériseurs tactiles et les souris.

 

La précision inhérente de l’entrée avec le stylo est naturellement prise en charge par l’interface utilisateur de Windows 8 qui permet de gérer la nature imprécise de l’entrée tactile. Optimisez la conception de votre application du Windows Store pour l’entrée tactile et tirez parti de la prise en charge par défaut du stylet.

Pour permettre la prise en charge des interactions avec le stylo dans les scénarios qui impliquent une manipulation directe, utilisez une interface utilisateur spécifique au stylo afin de fournir des fonctionnalités équivalentes aux utilisateurs de votre application, indépendamment de l’appareil qu’ils utilisent. Par exemple, quand un stylo est détecté, utilisez une barre de défilement pour émuler le mouvement panoramique ou les boutons Précédent et Suivant pour tourner les pages de contenu.

Dans cette section

Rubrique Description

Démarrage rapide : capture de données d’entrée manuscrite

Ce démarrage rapide vous guide à travers la capture des données d’entrée manuscrite à partir d’un digitaliseur d’entrée.

Comment assurer le rendu des données d’entrée manuscrite

Découvrez comment effectuer le rendu de segments de traits d’encre sous forme de courbes de Bézier lisses.

Comment enregistrer des données d’entrée manuscrite

Cette rubrique explique comment enregistrer des données d’entrée manuscrite en les sérialisant en tant que métadonnées ISF et en incorporant ces dernières dans un fichier GIF (Graphics Interchange Format).

Comment charger des données d’entrée manuscrite

Cette rubrique explique comment charger des données d’entrée manuscrite en les désérialisant des métadonnées ISF incorporées dans un fichier GIF (Graphics Interchange Format).

Comment sélectionner des traits d’encre

Découvrez comment sélectionner des traits d’encre dans une application du Windows Store en JavaScript.

Comment effacer des traits d’encre

Découvrez comment effacer des traits d’encre dans une application du Windows Store en JavaScript.

Comment convertir des traits d’encre en texte

Découvrez comment utiliser la reconnaissance d’écriture manuscrite et convertir des traits d’encre en texte dans une application du Windows Store en JavaScript.

 

Rubriques associées

Conceptuel

Réponse à l’interaction utilisateur