This sample demonstrates how to use the ScrollViewer control to pan and zoom.

Note  This sample was created using one of the universal app templates available in Visual Studio. It shows how its solution is structured so it can run on both Windows 8.1 and Windows Phone 8.1. For more info about how to build apps that target Windows and Windows Phone with Visual Studio, see Build apps that target Windows and Windows Phone 8.1 by using Visual Studio.

Specifically, this sample covers:

This sample is written in XAML. For the HTML version, see the Scrolling, panning, and zooming sample (HTML).

To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.

To obtain an evaluation copy of Microsoft Visual Studio 2013, go to Visual Studio 2013.

Related topics

Roadmaps
Roadmap for C# and Visual Basic
Samples
Windows 8 app samples
Reference
ScrollViewer
HorizontalScrollMode
VerticalScrollMode
IsHorizontalRailEnabled
IsVerticalRailEnabled
HorizontalScrollBarVisibility
VerticalScrollBarVisibility
HorizontalSnapPointsType
VerticalSnapPointsType
ZoomMode
MinZoomFactor
MaxZoomFactor
Concepts
Create an app using C# or Visual Basic
Guidelines for optical zoom and resizing
Guidelines for panning

Operating system requirements

Client
Windows 8.1
Server
Windows Server 2012 R2
Phone
Windows Phone 8.1

Build the sample

  1. Start Microsoft Visual Studio 2013 Update 2 and select File > Open > Project/Solution.
  2. Go to the directory to which you unzipped the sample. Then go to the subdirectory containing the sample, and double-click the Visual Studio 2013 Update 2 Solution (.sln) file.
  3. Select either the Windows or Windows Phone project version of the sample. Press Ctrl+Shift+B, or select Build > Build Solution.

Run the sample

The next steps depend on whether you just want to deploy the sample or you want to both deploy and run it.

Deploying the sample

  1. Select either the Windows or Windows Phone project version of the sample.
  2. Select Build > Deploy Solution.

Deploying and running the sample

  1. Right-click either the Windows or Windows Phone project version of the sample in Solution Explorer and select Set as StartUp Project.
  2. To debug the sample and then run it, press F5 or select Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or selectDebug > Start Without Debugging.