Designing the Layout

Our prior WPF image viewer application relied on a relatively simple layout. Images from a selected folder were presented in a vertically scrolled list box to the left of the screen, and the right, main portion of the screen showed the selected image and allowed the user to alter the image in four basic ways: you could make the image grayscale, you could apply a blur effect to the image, you could rotate the image, and you could flip the image vertically.

Instead of using a single-page approach as we did with the original application, we now use two pages: a grid page that shows all the available images in the targeted folder (grouped by their rating value), and an edit/details page that shows the image selected from the ...

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.