Hub

The Hub control has been introduced to make it easy for you to follow the popular hub design pattern used by MSN apps such as News, Sports, Money, and Travel. Such apps scroll horizontally and have many independent sections. The presentation of such apps differs slightly on a phone, and Hub does this as well so your app feels at home whether it’s running on a phone or a PC.

Hub has a Header that can be arbitrary content, although it is typically set to a simple string matching the app’s name, and a collection of HubSection controls (each with its own Header) that are stacked horizontally by default. Figures 14.14 and 14.15 show the following Hub in action:

<Page ...>   <Hub Header="Other Controls">     <HubSection ...

Get Universal Windows® Apps with XAML and C# Unleashed now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.