Starting the Layout

After creating a new WPF project, we double-click the MainWindow.xaml file and start designing our user interface. To start, a Grid panel and some nested StackPanel or WrapPanel containers provide the initial layout. Referring to the sketch design (see Figure 21.23), one can envision a Grid with two rows and two columns to start. The top row holds the Menu control (which should span both columns). The bottom row holds the list box of images in the left column, and another parent control in the right column displays the image and the editing buttons.

To get started on this layout, we can use the grid control that has been automatically placed on our window during project creation. We could use the XAML pane for our window to ...

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.