Добавление элементов управления контекстным масштабированием (HTML)

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

Элемент управления SemanticZoom позволяет переключаться между двумя разными масштабами отображения объекта. В данном разделе содержатся инструкции по использованию элемента управления SemanticZoom.

Просмотрите это короткое видео с обзором контекстного масштабирования и способов его реализации на JavaScript и HTML.

Пользователь выполняет контекстное масштабирование следующими способами: сведение и разведение пальцев (сведение пальцев уменьшает масштаб, разведение увеличивает); удерживание клавиши CTRL во время прокрутки колесика мыши; удерживание клавиши CTRL во время нажатия клавиш "+" или "-". Объект SemanticZoom позволяет также создать кнопку уменьшения масштаба при отображении вида с увеличенным масштабом.

Масштабирование и перемещение по содержимому

Контекстное масштабирование удобно использовать для быстрого перемещения по просматриваемому содержимому. Касание содержимого изменяет масштаб представления и смещает его к точке касания, как показано в данном разделе.

Уменьшенный масштаб; содержимого можно коснуться в любом месте:

Касание содержимого в выбранном месте:

Увеличенный масштаб и переход в место касания:

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

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

Тема	Описание
Краткое руководство. Добавление элемента управления SemanticZoom	Научитесь использовать элемент управления SemanticZoom для переключения между представлениями одного и того же содержимого с разной детализацией.
Шаблоны элемента управления SemanticZoom	Шаблоны элементов, которые вы можете использовать с объектом ListView, позволяющим просматривать элемент управления SemanticZoom в уменьшенном масштабе.