Реакция на взаимодействия с помощью пера (HTML)

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. При разработке приложений для Windows 10 см. раздел последняя документация]

Создайте приложение, способное создавать рукописные заметки, рисунки и аннотации за счет поддержки пера.

Совет  Информация в этом разделе относится к разработке приложений Магазина Windows на JavaScript.

О разработке приложений Магазина Windows на C++, C# или Visual Basic можно узнать из раздела Реакция на взаимодействия с помощью пера (XAML).

 

Предварительные требования: Если вы начинающий разработчик приложений Магазина Windows на JavaScript, изучите следующие разделы, чтобы получить представление об описываемых здесь технологиях.

Создание первого приложения Магазина Windows на JavaScript

Схема создания приложений Магазина Windows на JavaScript

Дополнительные сведения о событиях см. в разделе Краткое руководство: добавление элементов управления HTML и обработка событий.

Компоненты приложения от начала до конца: Дополнительные сведения об этой функциональности см. в нашей серии Компоненты приложения от начала до конца.

Взаимодействие с пользователем от А до Я (HTML)

Настройка взаимодействия с пользователем от А до Я (HTML)

Примечание  

Библиотеки элементов управления платформы (HTML и XAML) предоставляют все механизмы взаимодействия с пользователем, используемые в Windows, в том числе стандартные взаимодействия, анимированные физические эффекты и визуальную обратную связь. Если вы не планируете настраивать механизмы поддержки взаимодействий, используйте стандартные элементы управления.

Если элементов управления, предоставляемых платформой, недостаточно, то, чтобы обеспечить привлекательный и современный единый механизм взаимодействия для всех режимов ввода, вы можете воспользоваться следующими рекомендациями. В основном эти рекомендации касаются сенсорного ввода, но их также можно использовать для ввода с помощью сенсорной панели, мыши, клавиатуры и пера.

• Руководство по стандартному взаимодействию с пользователем
• Руководство для оптического масштабирования и изменения размеров
• Руководство по функции сдвига
• Руководство по реализации поворота
• Руководство по контекстному масштабированию
• Руководство по визуальной обратной связи

 

Примеры: Примеры использования этой функциональности см. в коллекции примеров приложений Магазина Windows.

Пример "User interaction customization, start to finish"

Ввод: пример возможностей устройства

Ввод: пример обработки событий указателя DOM

Ввод: пример рукописного ввода

Ввод: пример упрощенного рукописного ввода

Общие сведения

Перо или перо могут служить точными указывающими устройствами. Кроме того, их можно использовать для рисования с помощью цифровых чернил.

Платформа Windows 8 для рукописного ввода, наряду с пером, обеспечивает естественный способ создания рукописных примечаний, рисунков и заметок. Платформа поддерживает получение данных от дигитайзера, создает данные рукописного ввода, преобразует их в росчерки пера на устройстве вывода, управляет этими данными и выполняет распознавание рукописного ввода.

В дополнение к получению данных о пространственном движении пера, когда пользователь пишет или рисует, ваше приложение также может собрать такую информацию, как сила нажатия, форма, цвет и прозрачность, чтобы предложить пользователю результат взаимодействия, очень похожий на рисунок карандашом, ручкой или кистью на бумаге.

Примечание  Однако платформа рукописного ввода Windows 8 поддерживает ввод и от других указывающих устройств, например дигитайзеров сенсорного ввода и мыши.

 

Точный ввод, характерный для пера, естественным образом поддерживается пользовательским интерфейсом Windows 8, который оптимизирован для неточных по своей природе сенсорных взаимодействий. Оптимизируйте свое приложение Магазина Windows для сенсорного ввода, и вы получите базовую поддержку пера по умолчанию.

Для обеспечения поддержки взаимодействия с пером в сценариях, где главное внимание уделяется прямым манипуляциям, используйте специфичный для пера пользовательский интерфейс, чтобы реализовать соответствующую функциональность для пользователей вашего приложения независимо от применяемого ими устройства. Например, если обнаружено перо, используйте полосу прокрутки для эмуляции сдвига или кнопки "Предыдущая" и "Следующая" для перелистывания страниц содержимого.

В этом разделе

Тема	Описание
Краткое руководство. Захват рукописного ввода	В этом кратком руководстве содержатся инструкции по захвату данных рукописного ввода, получаемых от дигитайзера ввода.
Обработка данных рукописного ввода	Узнайте, как обрабатывать сегменты росчерка пера как плавные кривые Безье.
Сохранение данных рукописного ввода	В этом разделе мы расскажем, как сохранить данные рукописного ввода путем их сериализации в качестве метаданных ISF и встраивания метаданных в GIF-файл.
Загрузка данных рукописного ввода	В этом разделе мы расскажем, как загрузить данные рукописного ввода путем их десериализации из метаданных ISF, встроенных в GIF-файл.
Выбор росчерков пера	Узнайте, как выбирать росчерки пера в приложении Магазина Windows на JavaScript.
Как стереть росчерки пера	Узнайте, как стирать росчерки пера в приложении Магазина Windows на JavaScript.
Преобразование росчерков пера в текст	Узнайте, как использовать распознавание рукописного ввода и преобразовывать росчерки пера в текст в приложениях Магазина Windows на JavaScript.

 

Связанные разделы

Понятия

Реакция на взаимодействие с пользователем