Starting the Layout

After creating a new WPF project, we double-click the Window1.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 (Figure 19.20), 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), and the bottom row hold the listbox of images in the left column, and another parent control in the right column which display 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® 2010 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.