Chapter 6. Making the App Responsive

In this chapter, we will learn about the different view states that the app can exist in and how we can make the app adapt to these view states and to a variety of form factors and displays sizes. Windows 8 targets different platforms and runs on various devices with dissimilar sizes, from large HD monitors and laptops to 10-inch widescreen tablets and 4-inch-wide smartphones. So, in order to abide by the Windows 8 UX guidelines, the app should maintain the same look and feel and sustain its functionality when users view it on these different devices, they flip their screen to toggle between landscape and portrait orientation, they zoom in or out, or the app switches between the various view states. The app should provide fluid and flexible layouts in a way that allows its UI to reflow gracefully and cater for these changes.

Throughout this chapter, we will learn how to make the app responsive so that it handles screen sizes and view state changes and...