ListBox binds to the people collection, and sets the DataTemplate to use for displaying each item : ListBox Data « Windows Presentation Foundation « C# / CSharp Tutorial

1. C# / CSharp Tutorial
2. Windows Presentation Foundation
3. ListBox Data

<Window 
    x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:WpfApplication1="clr-namespace:WpfApplication1"
    Title="WPF" Height="300" Width="300">

    <Window.Resources>
        <WpfApplication1:People x:Key="people"/>
        
        <DataTemplate x:Key="personTemplate">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <StackPanel>
                        <TextBlock
                            Style="{StaticResource lblStyle}"
                            Text="First Name" />
                        <TextBlock 
                            Style="{StaticResource dataStyle}"
                            Text="{Binding Path=FirstName}"/>
                        <TextBlock 
                            Style="{StaticResource lblStyle}"
                            Text="Age" />
                        <TextBlock 
                            Style="{StaticResource dataStyle}"
                            Text="{Binding Path=Age}" />
                    </StackPanel>

                    <Image 
                        Margin="4"
                        Grid.Column="1" 
                        Width="96"
                        Height="140"
                        Source="{Binding Path=Photo}"/>
                </Grid>
        </DataTemplate>


    </Window.Resources>

    <Grid>
        <ListBox
            ItemsSource="{Binding Source={StaticResource people}}"
            ItemTemplate="{StaticResource personTemplate}"/>


    </Grid>
</Window>
//File:Window.xaml.cs
using System.Collections.ObjectModel;

namespace WpfApplication1
{
    public class Employee
    {
        public string FirstName
        {
            get;
            set;
        }

        public int Age
        {
            get;
            set;
        }
        public string Photo
        {
            get;
            set;
        }

        public override string ToString()
        {
            return FirstName;
        }
    }

    public class People : Collection<Employee>
    {
        public People()
        {
            this.Add(new Employee()
                         {
                             FirstName = "A",
                             Age = 26,
                             Photo = "a.png"
                         });
            this.Add(new Employee()
                         {
                             FirstName = "C",
                             Age = 24,
                             Photo = "c.png"
                         });
        }
    }
}

24.32.ListBox Data
	24.32.1.	Convert the contents of a ListBoxItem to an instance of GridLength by using GridLengthConverter
	24.32.2.	Use the FontSizeConverter class to convert the content of a ListBoxItem to a value that represents the size of a font.
	24.32.3.	Display Bounded objects onto ListBox
	24.32.4.	Use DataTemplate in ListBox
	24.32.5.	ListBox binds to the people collection, and sets the DataTemplate to use for displaying each item
	24.32.6.	Without specifying a DataTemplate, the ListBox displays a list of names.
	24.32.7.	Convert contents of a ListBoxItem to an instance of Thickness by using the ThicknessConverter
	24.32.8.	Convert contents of a ListBoxItem to an instance of Thickness by using the BrushConverter
	24.32.9.	DataTrigger, ListBox and user object
	24.32.10.	Select Product Page Function
	24.32.11.	Create ListBox and Add string as the ListBoxItem
	24.32.12.	ListBox of Color Values
	24.32.13.	ListBox of Color Shapes