Quickly build Windows 8 style Apps 9-vertical view

Original: Quick build Windows 8 style Apps 9-vertical view

This post focuses on the vertical view overview, about the vertical view design, how to build a vertical view

Vertical View Overview

Windows 8 provides a portrait view of a device that supports rotation, and the app we develop should be able to maintain a good UI as well as horizontal when it's in Portrait view, and, when necessary, to tailor the vertical view of the page to the application, We can also set the app as a horizontal or vertical view as WindowsPhone.

About the vertical view design

In order to make the application more optimized for vertical view UI rendering, there are a few things to consider:

1) Reduce the margin between controls;

2) If necessary, rearrange the contents of the layout, so you may need to consider changing the project template;

3) The data browsing direction, can maintain the horizontal scrolling of the page;

How to build a vertical view

We should be happy if we should use the GridView control to render the data in the page. Because the GridView control switches between a vertical view or a horizontal view, you can keep the data rendering UI very good, that is, when you use the GridView rendering data, you don't have to think about adjusting the style that the data renders in the vertical view.

If we use other controls to render the data, when switching to the vertical view, you might want to consider building a new template and finally declare the corresponding vertical view in the VisualState node named fullscreenportrait to toggle the animation, such as the following code:

Quickly build Windows 8 style Apps 9-vertical view