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.
- Recommandations en matière d’interactions utilisateur courantes
- Recommandations en matière de zoom optique et de redimensionnement
- Recommandations en matière de mouvement panoramique
- Recommandations en matière de rotation
- Recommandations en matière de zoom sémantique
- Recommandations en matière de retour visuel
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 |
|---|---|
Ce démarrage rapide vous guide à travers la capture des données d’entrée manuscrite à partir d’un digitaliseur d’entrée. |
|
Découvrez comment effectuer le rendu de segments de traits d’encre sous forme de courbes de Bézier lisses. |
|
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). |
|
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). |
|
Découvrez comment sélectionner des traits d’encre dans une application du Windows Store en JavaScript. |
|
Découvrez comment effacer des traits d’encre dans une application du Windows Store en JavaScript. |
|
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