Adding SemanticZoom controls (Windows Store apps using C#/VB/C++ and XAML)

Language: JavaScript and HTML | VB/C#/C++ and XAML
0 out of 1 rated this helpful - Rate this topic

The SemanticZoom control enables the user to zoom between two different views of the same content. The topics in this section show you how to use the SemanticZoom control.

A SemanticZoom control's zoomed-out and zoomed-in views

Semantic zooming is performed through direct manipulation with the pinch interaction (moving the fingers closer together zooms in and moving them apart zooms out), or by holding the CTRL key down while scrolling the mouse scroll wheel, or by holding the CTRL key down and pressing the + or - key.

Zooming through content

Semantic zoom is useful for quickly panning through content. Tapping the content in a zoomed-out view will zoom the view and pan to the tapped point, as shown in the following three screen shots.

Zoomed out, the entire content can be a touch target:

Zoomed out, the entire content can be a touch target.

A tap on a section of the content:

 tap on a section of the content.

Zoomed in and panned to the tapped area:

Zoomed in and panned to the tapped area.

A smooth cross-fade animation is used for the transition from one semantic zoom to another. This is the default Windows Touch behavior and cannot be customized.

In this section

TopicDescription

Quickstart: Adding SemanticZoom controls

Learn how to use the SemanticZoom control to zoom between two views of the same content.

SemanticZoom styles and templates

This topic describes the styles and templates for the SemanticZoom control.

Guidelines and checklist for SemanticZoom controls

Follow these guidelines for using the SemanticZoom control.

 

 

 

Build date: 11/29/2012

Did you find this helpful?
(1500 characters remaining)
© 2013 Microsoft. All rights reserved.