Duration: 21 minutes
Summary: In this video, we continue our binding discussion by talking about binding to objects. We will create a list of images and their names on the left hand side and a stack panel that contains an image and a text block on the right hand side. This is similar to a previous video we have done but now with binding. We will see how powerful binding is and how much it simplifies the process. In the code behind, we will create an ObservableCollection of pictures. A picture is a class that we create to hold the image, its source and its name. When the page loads, we get all the images from the Images folder and create a collection of objects. In the XAML we will create a DateTemplate for the list and the list and the StackPanel (with its content) are bound to the collection. That way we have the list populated and every time the user selects an item from the list, the corresponding image and name are displayed on the right hand side.
Methodology of the development of example: Good coding standard and simplified design to illustrate the key points.
Technology Used: Silverlight 5 and Visual Studio 2010
Keyword: Silverlight 5, Visual Studio 2010, XAML, Border, StackPanel, Margin, Grid, Binding, ElementName, Path, UserControl, Resources, StaticResource, DataTemplate, Image, Source, ItemSource, ItemTemplate, SelectionChanged, BitmapImage, Uri, UriKind, ImageSource, ObservableCollection.