Creating the Windows UI

Now we’re ready to tackle the Windows UI project. As specified in our prototype, our goal is to provide a single-page experience with the Windows project; we won’t need a details page—just a single main page that allows us to both list and edit details of an item in the list.

Because of the overlap in the XAML control library for Windows and for Windows Phone, we can quickly assemble much of the Windows user interface by copying what we have already implemented within the phone project.

The Master and Detail Regions

Open the MainPage.xaml file in the Windows project. Using the blank canvas of the design surface, we’ll first establish the separate regions for our list of meals and then detail edit/display controls. Within ...

Get Microsoft Visual Studio 2015 Unleashed, Third Edition 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.