How to add Panorama to existing WP7 project

published on: 1/16/2012 | Views: N/A | Tags: Beginners Panorama

by Tianyu Zhang

While developing my latest WP7 app I came across the question how to add a Panorama to my existing WP7 project. I did not want to use the default Visual Studio templates because they generate too much code(for a simple app like mine) with all the data binding and view models.

In short I had a database and wanted to show some data in a Panorama control without using MVVM or any default VisualStudio template. So here is what I did:

Step1. Lets say that we have an existing Windows Phone application project.

Step2. Add a reference to "Microsoft.Phone.Controls" available under the .NET tab in the "Add Reference" window:

Step3. Include the following namespace into your page:

xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"

Step4. That's it now you can add Panorama and PanoramaItem via the "control" namespace that you have defined in Step3 :

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <controls:Panorama Title="Panorama">
        <controls:PanoramaItem>First Item</controls:PanoramaItem>
        <controls:PanoramaItem>Second Item</controls:PanoramaItem>
    </controls:Panorama>
</Grid>

Grab the source here:

You can also follow us on Twitter @winphonegeek

Comments

Add comment to 'How to add Panorama to existing WP7 project'

Title Your Name

Comment