Creating a Windows Phone 7 Metro Style Pivot Application [Part 2]

Note: It has been noted that this demo and code more closely follow how to create a Panorama style application than a Pivot style application. I hope to fix that in the next part to this series - sorry for the confusion.

This is part two of how to create a basic Windows Phone 7 application that follows the Pivot style of navigation (you can find part one here). Part two of this screencast is focused on using manipulation events to provide gesture support for the Pivot style of navigation.

(click here to go to Vimeo and watch in HD)

In the screencast I reference a few other posts on this same topic, you can check those out here:
[WP7] Create a panoramic view using Silverlight
Panoramic Navigation on Windows Phone 7 with No Code!

The code from this step of the app can be found here. Please leave any suggestions about the code and/or update it yourself - I may or may not be updating it going forward depending on other solutions that come about. I hope to continue similar screencasts over the coming weeks/months, and would definitely appreciate any feedback on how to improve these going forward.

SampleWP7PivotApplication_Release.zip25.81 KB


My understanding from the published metro UI guidelines is that the pages would be cyclical and that each page would occupy the full width of the page and not leave a "hint" that there is another page.

So imagine you have two pages: A and B. If you are viewing A and flick either left or right, it would take you to B.

I took a stab at it today and this is what I came up with: http://www.thebishopclan.com/files/PivotExample.zip

I apologize in advance for my terrible Silverlight skills... I'm brand new to it.

Good video, but copying code between the solutions was very distracting. Also, I thought the pivots should be used generally to show different views of your data, and something like an options/about screen would be a button at the bottom of the app.

Thanks a ton for the response William, you are absolutely correct. I forgot about the wrapping menus, and I apparently created more of a Panorama style than the Pivot style - I will be following up to this post to help clear this up. Thanks again.

thanks for the feedback about copying code Anonymous. As for showing different views of the data, my understanding is that the pivot menu is used to go between various sections of your application, not necessarily different view of the same data. As for the application bar at the bottom, those are meant for taking actions (like sorting, buying, adding, deleting, etc.) and not for navigation of the application.