Coding4Fun

InnerTube Skeleton

This is the skeleton of the WPF controls contained in the application (see Figure 4-11):

• At the highest level inside MainWindow, we have a DockPanel control that we use to set the Menu and ToolBar controls so they dock to the top of our window.

• For the three-column layout, we use a Grid control with three column definitions and specify the column width with a wildcard (*), which, as with web applications, means the column size can grow when resized.

• The first column (remember columns are zero-based) is a ListBox control that will hold the list of InnerTubeFeed objects for our application.

• The second column is also a ListBox control, and will list the videos for a particular feed.

• The third column contains a canvas control with multiple controls: a user control for the media player, TextBlock controls for fields such as the video title, and so on.

Figure 4-11. The primary controls in MainWindow.xaml

Note

InnerTube uses the C4fStyle.xaml file to define the appearance of buttons, ListBox controls, and more. To see what's included in the C4fStyle, see the Appendix.