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