Добавление элементов управления контекстным масштабированием (HTML)
[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. В случае разработки приложений для Windows 10 см. раздел последняя документация]
Элемент управления SemanticZoom позволяет переключаться между двумя разными масштабами отображения объекта. В данном разделе содержатся инструкции по использованию элемента управления SemanticZoom.
.png "Общее и детализированное представления элемента управления контекстного масштабирования")
Просмотрите это короткое видео с обзором контекстного масштабирования и способов его реализации на JavaScript и HTML.
Пользователь выполняет контекстное масштабирование следующими способами: сведение и разведение пальцев (сведение пальцев уменьшает масштаб, разведение увеличивает); удерживание клавиши CTRL во время прокрутки колесика мыши; удерживание клавиши CTRL во время нажатия клавиш "+" или "-". Объект SemanticZoom позволяет также создать кнопку уменьшения масштаба при отображении вида с увеличенным масштабом.
Масштабирование и перемещение по содержимому
Контекстное масштабирование удобно использовать для быстрого перемещения по просматриваемому содержимому. Касание содержимого изменяет масштаб представления и смещает его к точке касания, как показано в данном разделе.
Уменьшенный масштаб; содержимого можно коснуться в любом месте:
.png "Уменьшенный масштаб; содержимого можно коснуться в любом месте.")
Касание содержимого в выбранном месте:
.png "Касание содержимого в выбранном месте.")
Увеличенный масштаб и переход в место касания:
.png "Увеличенный масштаб и переход в место касания.")
Плавный анимированный переход от одного контекстного масштабирования к другому. Это поведение при касании установлено по умолчанию, и вы не можете его настроить.
В этом разделе
| Тема | Описание |
|---|---|
Краткое руководство. Добавление элемента управления SemanticZoom |
Научитесь использовать элемент управления SemanticZoom для переключения между представлениями одного и того же содержимого с разной детализацией. |
Шаблоны элементов, которые вы можете использовать с объектом ListView, позволяющим просматривать элемент управления SemanticZoom в уменьшенном масштабе. |