Hub

The Hub control makes it easy for you to follow the popular hub design pattern used by MSN apps such as News, Sports, Finance, and Travel. Such apps have a horizontally scrolling landing page with many independent sections. The first section typically has a big image (called a hero image) as its background, and the subsequent sections are typically diverse content with links to other pages.

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. Figure 14.6 shows the following Hub in action:

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

Get XAML 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.