Use Data Templates to Display Bound 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}"/>


        <ListBox
            Margin="10"
            ItemsSource="{Binding Source={StaticResource people}}"/>
    </Grid>
</Window>
//File:Window.xaml.vb
Imports System.Collections.ObjectModel

Namespace WpfApplication1
  Public Class Employee
    Public Property FirstName() As String
      Get
        Return m_FirstName
      End Get
      Set
        m_FirstName = Value
      End Set
    End Property
    Private m_FirstName As String

    Public Property Age() As Integer
      Get
        Return m_Age
      End Get
      Set
        m_Age = Value
      End Set
    End Property
    Private m_Age As Integer
    Public Property Photo() As String
      Get
        Return m_Photo
      End Get
      Set
        m_Photo = Value
      End Set
    End Property
    Private m_Photo As String

    Public Overrides Function ToString() As String
      Return FirstName
    End Function
  End Class

  Public Class People
    Inherits Collection(Of Employee)
    Public Sub New()
      Me.Add(New Employee() With { _
        .FirstName = "A", _
        .Age = 26, _
        .Photo = "a.png" _
      })
      Me.Add(New Employee() With { _
        .FirstName = "C", _
        .Age = 24, _
        .Photo = "c.png" _
      })
    End Sub
  End Class
End Namespace

Related examples in the same category

1.	External ListBox style
2.	Define ListBox template
3.	Set selected index for ListBox
4.	Bind String Array Resource to ListBox
5.	ListBox Selected Index, Item, Value
6.	ListBox and SelectionMode
7.	ListView using GridView.HeaderTemplate and GridViewColumn.CellTemplate properties
8.	Load the Items in a ListBox Asynchronously
9.	Change the Appearance of Alternate Items in a List
10.	Change the Appearance of a List Item When It's Selected
11.	CheckBox List
12.	Convert the contents of a ListBoxItem to an instance of GridLength by using GridLengthConverter
13.	Use the FontSizeConverter class to convert the content of a ListBoxItem to a value that represents the size of a font.
14.	ListBox SelectionChanged Event
15.	ListBox SelectionMode=Single
16.	Get Selected Item from ListBox
17.	ListBox selection changed event
18.	Different Font Family and Size for each ListBoxItem
19.	Handles ListBoxItem Selected events for the ListBoxItems in the inner ListBox.
20.	Use Panel as a ListBoxItem
21.	Create a ListBoxItem, set font, content, add the ListBoxItem to the ListBox
22.	Select All ListBox Items
23.	Create a style that will produce a horizontal ListBox.
24.	Convert contents of a ListBoxItem to an instance of Thickness by using the ThicknessConverter
25.	DataTrigger, ListBox and user object
26.	Add selected file to ListBox
27.	ListBox with Image item
28.	Get selecte item from ListBox
29.	List box with text and non-text content in the list box items.
30.	This list box allows multiple user selections.
31.	List box that uses data binding to populate the list box items.
32.	This list box allows items to be selected in groups by using the SHIFT key and mouse or the CTRL key and space key.
33.	Get selected item count from Listbox
34.	Change Height
35.	Change MinHeight
36.	View and Select Items Using a List
37.	Set text to TextBlock for selected list item
38.	Iterate through the selected items and remove each one
39.	Ensure there is at least one item selected
40.	Select All and unselect all
41.	Get Item At Index Position [0]

Use Data Templates to Display Bound Data : ListBox « Windows Presentation Foundation « VB.Net

Related examples in the same category