Reaktion auf Zeichen- und Eingabestiftinteraktionen (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]

Entwerfen Sie eine App, mit der handschriftliche Notizen, Zeichnungen und Anmerkungen erstellt werden können, indem Sie Unterstützung für einen Zeichen- oder Eingabestift hinzufügen.

Tipp  Dieses Thema enthält spezifische Informationen zum Entwickeln von Windows Store-Apps mit JavaScript.

Informationen zu Windows Store-Apps mit C++, C# oder Visual Basic finden Sie unter Reaktion auf Zeichen- und Eingabestiftinteraktionen (XAML).

 

Voraussetzungen: Wenn Sie noch keine Erfahrung mit der Entwicklung von Windows Store-Apps mit JavaScript haben, sollten Sie sich in den folgenden Themen zunächst mit den hier besprochenen Technologien vertraut machen.

Erstellen Ihrer ersten Windows Store-App mit JavaScript

Roadmap für Windows Store-Apps mit JavaScript

Informieren Sie sich über Ereignisse unter Schnellstart: Hinzufügen von HTML-Steuerelementen und Behandeln von Ereignissen

App-Features von A bis Z: In unserer Reihe App-Features von A bis Z können Sie sich genauer über diese Funktion informieren.

Benutzerinteraktion von A bis Z (HTML)

Anpassung der Benutzerinteraktion von A bis Z (HTML)

Hinweis  

Die Plattform-Steuerelementbibliotheken (HTML und XAML) bieten umfassende Funktionalität für Windows-Benutzerinteraktionen, u. a. für Standardinteraktionen, animierte Physikeffekte und visuelles Feedback. Wenn Sie keine Unterstützung für angepasste Interaktionen benötigen, sollten Sie diese integrierten Steuerelemente verwenden.

Falls die Funktionalität der Plattformsteuerelemente nicht ausreicht, können Ihnen die folgenden Richtlinien für Benutzerinteraktionen dabei helfen, eine ansprechende, immersive und für alle Eingabemodi einheitliche Interaktionsumgebung bereitzustellen. Diese Richtlinien betreffen in erster Linie Fingereingaben, sie sind jedoch auch für Touchpad-, Maus-, Tastatur- und Stifteingaben relevant.

• Richtlinien für häufige Benutzerinteraktionen
• Richtlinien für optischen Zoom und Änderung der Fenstergröße
• Richtlinien für Schwenkung
• Richtlinien für Drehung
• Richtlinien für semantischen Zoom
• Richtlinien für visuelles Feedback

 

Beispiele: Sehen Sie sich unter Beispiele für Windows Store-Apps diese Funktionalität in Aktion an.

Anpassung der Benutzerinteraktion von A bis Z

Eingabe: Beispiel für Gerätefunktionen

Eingabe: Beispiel für die Behandlung von DOM-Zeigerereignissen

Eingabe: Freihandbeispiel

Eingabe: vereinfachtes Freihandbeispiel

Übersicht

Ein Zeichen-/Eingabestift kann als Präzisionszeigegerät dienen. Er kann auch als mit Freihandfunktion verbundenes Zeichengerät verwendet werden.

Zusammen mit einem Zeichen- und/oder Eingabestift bietet die Windows 8-Freihandplattform eine Möglichkeit, Notizen, Zeichnungen und Anmerkungen wie vom Papier her gewohnt zu erstellen. Die Plattform unterstützt das Erfassen von Freihanddaten aus einem Eingabedigitalisierer, das Generieren von Freihanddaten, das Ausgeben von Daten und das Rendern von Freihandstrichen auf dem Ausgabegerät sowie das Verwalten von Daten und das Ausführen einer Schrifterkennung.

Ihre App kann nicht nur die räumlichen Bewegungen des Stifts beim Schreiben oder Zeichnen erfassen. Sie kann auch Informationen hinsichtlich des Drucks, der Form, Farbe und Transparenz sammeln, um dem Benutzer ein Arbeiten zu ermöglichen, das dem Arbeiten mit einem Stift, Bleistift oder Pinsel auf Papier sehr nahe kommt.

Hinweis  Die Freihandplattform in Windows 8 unterstützt auch andere Zeigergeräte, wie z. B. Touchdigitalisierer und Mausgeräte.

 

Die Benutzeroberfläche von Windows 8 unterstützt selbstverständlich diese Genauigkeit der Zeichenstifteingabe, ist aber zugleich für die ungenauere Toucheingabe optimiert. Optimieren Sie das Design Ihrer Windows Store-Apps für die Toucheingabe, und freuen Sie sich über die standardmäßige allgemeine Unterstützung von Zeichenstiften.

Wenn Sie Zeichenstift-Interaktionen in Szenarien unterstützen möchten, in denen der Schwerpunkt auf der direkten Manipulation liegt, verwenden Sie eine Zeichenstift-spezifische Benutzeroberfläche, um den Benutzern Ihrer App unabhängig vom verwendeten Gerät die äquivalente Funktionalität bereitzustellen. Wenn ein Zeichenstift erkannt wird, verwenden Sie beispielsweise eine Bildlaufleiste, um das Verschieben zu emulieren, oder die Schaltflächen "Zurück" und "Vorwärts", um durch Seiten mit Inhalt zu blättern.

Inhalt dieses Abschnitts

Thema	Beschreibung
Schnellstart: Erfassen von Freihanddaten	In dieser Schnellstartanleitung wird das Erfassen von Freihanddaten aus einem Eingabedigitalisierer erläutert.
Speichern von Freihanddaten	Im Folgenden wird gezeigt, wie Freihandstrichsegmente als glatte Bézier-Kurven gerendert werden.
Speichern von Freihanddaten	In diesem Thema wird ein Verfahren zum Speichern von Freihanddaten beschrieben. Dabei werden die Daten als ISF-Metadaten serialisiert und in eine GIF-Datei (Graphics Interchange Format) eingebettet.
Laden von Freihanddaten	In diesem Thema wird beschrieben, wie Freihanddaten geladen werden, indem sie aus ISF-Metadaten, die in einer GIF-Datei (Graphics Interchange Format) eingebettet sind, deserialisiert werden.
So wird's gemacht: Auswählen von Freihanddaten	Im Folgenden wird erläutert, wie Sie Freihandstriche in einer Windows Store-App mit JavaScript auswählen.
So wird's gemacht: Löschen von Freihandstrichen	Im Folgenden wird erläutert, wie Sie Freihandstriche in einer Windows Store-App mit JavaScript löschen.
So wird's gemacht: Konvertieren von Freihandstrichen in Text	Im Folgenden wird erläutert, wie in einer Windows Store-App mit JavaScript die Schrifterkennung verwendet wird und Freihandstriche konvertiert werden.

 

Verwandte Themen

Konzept

Reaktion auf Benutzerinteraktionen