I’ve just updated my Windows Store app, Zoetrope to take advantage of the new Windows 8.1 feature where apps can span across multiple windows. With this new feature, your app can create new windows to accomplish tasks. If you are looking to understand how to design this feature in your app, take a look at these new guidelines for multiple windows article on MSDN. In the case of my Zoetrope app which is the easiest app to create stop-frame animation movies from still photographs, I decided to create a new window when taking photos.
In the Windows 8 app, when the user wanted to take photos from their webcam, I showed a new preview pane in the app and slid the photo collection to the right.
Original Single Window Design
Now – in the new Windows 8.1 version of Zoetrope, I show a new window to the right of the main app window – a much cleaner design and it allows the user to resize each window and even move the windows to additional screens if the user has them. New Multiple-Window design
With multiple windows, there are a number of design considerations that you take into account – the guidelines are helpful and here is how I applied them:
As I changed Zoetrope to use a secondary window, there were a number of changes that I had to make to my app in order to accommodate the new application architecture. I used the Multiple Views Sample as a starting point for understanding how to use the new feature.
Please give Zoetrope a try – it’s free and I’d love your feedback on how you like the app – how are you using multiple windows in your app?