Risposta alle interazioni con stilo e penna (HTML)
[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]
Progetta un'app in grado di creare note scritte a mano, disegni e annotazioni aggiungendo il supporto per una penna o uno stilo.
Suggerimento Le informazioni in questo argomento sono specifiche per lo sviluppo di app di Windows Store in JavaScript.
Per informazioni sulle app di Windows Store in C++, C# o Visual Basic, vedi Risposta alle interazioni tramite penna e stilo (XAML).
Prerequisiti: Se non hai familiarità con lo sviluppo di app di Windows Store con JavaScript, ti consigliamo di leggere gli argomenti seguenti per scoprire di più sulle tecnologie descritte in questa guida.
Creare la prima app di Windows Store in JavaScript
Roadmap per app di Windows Store scritte in JavaScript
Informazioni sugli eventi sono disponibili in Guida introduttiva: Aggiunta di controlli HTML e gestione degli eventi
Funzionalità delle app dall'inizio alla fine: Per conoscere meglio questa funzionalità, vedi gli argomenti della serie Funzionalità dell'app dall'inizio alla fine
Interazioni con l'utente, dall'inizio alla fine (HTML)
Personalizzazione delle interazioni con l'utente, dall'inizio alla fine (HTML)
Nota
Le raccolte di controlli della piattaforma (HTML e XAML) forniscono l'esperienza di interazione utente Windows completa, oltre a interazioni standard, effetti fisici animati e feedback visivo. Se non hai l'esigenza di supportare interazioni personalizzate, usa questi controlli predefiniti.
Se i controlli della piattaforma non sono sufficienti, queste linee guida ti aiuteranno a offrire un'esperienza di interazione coinvolgente e Immersive coerente tra le diverse modalità di input. Queste linee guida sono incentrate principalmente sull'input tocco, ma sono rilevanti anche per input di tipo tocco, mouse, tastiera e stilo.
- Linee guida per interazioni utente comuni
- Linee guida per lo zoom ottico e il ridimensionamento
- Linee guida per la panoramica
- Linee guida per la rotazione
- Linee guida per lo zoom semantico
- Linee guida per il feedback visivo
Esempi: Per esaminare questa funzionalità in azione, vedi gli esempi di app di Windows Store.
Personalizzazione delle interazioni con l'utente, dall'inizio alla fine
Input: Esempio delle funzionalità del dispositivo
Input: Esempio di gestione degli eventi relativi al puntatore DOM
Input: Esempio di input penna semplificato
Panoramica
Uno stilo o una penna può fungere da dispositivo di puntamento di precisione. Può inoltre essere un dispositivo di disegno associato all'input penna.
Grazie all'uso combinato della piattaforma di input penna di Windows 8 e di un dispositivo di tipo penna o stilo, puoi creare note scritte a mano, disegni e annotazioni in modo naturale. La piattaforma supporta l'acquisizione di dati di input penna dall'input del digitalizzatore, la generazione di dati di input penna, il rendering di dati come tratti input penna sul dispositivo di output, la gestione dei dati e il riconoscimento della grafia.
Oltre ad acquisire i movimenti nello spazio della penna durante la scrittura o il disegno, l'app può inoltre raccogliere informazioni su altri aspetti, tra cui pressione, forma, colore e opacità, per offrire esperienze utente il più possibile simile al disegno su carta con una penna, una matita o un pennello.
Nota La piattaforma dell'input penna di Windows 8 supporta anche l'input da altri dispositivi di puntamento, tra cui digitalizzatori a tocco e dispositivi mouse.
La precisione intrinseca dell'input tramite penna è supportata naturalmente dall'interfaccia utente di Windows 8, che è ottimizzata per fare fronte alla naturale imprecisione del tocco. Ottimizza il design delle app di Windows Store per l'input tramite tocco e ottieni per impostazione predefinita il supporto di base dell'input penna.
Per supportare le interazioni tramite penna negli scenari in cui prevale la manipolazione diretta, usa un'interfaccia utente specifica della penna per fornire funzionalità equivalenti agli utenti dell'app indipendentemente dal dispositivo usato. Ad esempio, se viene rilevata una penna usa una barra di scorrimento per emulare la panoramica oppure i pulsanti Indietro e Avanti per emulare il cambio pagina.
Contenuto della sezione
| Argomento | Descrizione |
|---|---|
Questa guida introduttiva spiega come acquisire i dati di input penna da un digitalizzatore di input. |
|
Questo argomento illustra come eseguire il rendering dei segmenti con tratti di input penna come curve di Bézier uniformi. |
|
Questo argomento illustra come salvare i dati di input penna serializzandoli come metadati ISF e incorporando i metadati in un file GIF (Graphics Interchange Format ). |
|
In questo argomento viene illustrato come caricare dati di input penna deserializzandoli dai metadati ISF incorporati in un file GIF (Graphics Interchange Format). |
|
In questo argomento viene illustrato come selezionare i tratti input penna in un'app di Windows Store in JavaScript. |
|
In questo argomento viene illustrato come cancellare i tratti input penna in un'app di Windows Store in JavaScript. |
|
Impara a usare il riconoscimento della grafia e a convertire i tratti input penna in testo in un'app di Windows Store scritta in JavaScript. |
Argomenti correlati
Informazioni concettuali