Data Binding mit ListView und ItemTemplate

Daten können in Windows Store apps ganz einfach mit C# an ein XAML-Layout gebunden werden. Alles was man dazu braucht sind Daten (z.B. ein Array mit Strings) und ein geeingetes Layout-Element (z.B. eine ListView) mit einem ItemTemplate. Den Code dazu gibt es im Anhang dieses Beitrags. Wer eigene Datentypen an das Layout binden möchte, der kann sich das etwas komplizierte Beispiel „[post id=“4861″]XAML Data Binding mit C# für Windows 8-Apps[/post]“ anschauen.

Markup (XAML, MainPage.xaml)

1
2
3
4
5
6
7
8
9

<ListView x:Name="MyListView" ItemsSource="{Binding}" >
  <ListView.ItemTemplate>
    <DataTemplate>
      <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding}" />
      </StackPanel>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

Code Behind (C#, MainPage.xaml.cs)

1
2
3
4
5
6

public MainPage()
{
  this.InitializeComponent();
  string[] animalNames = { "Elephant", "Giraffe", "Monkey" };
  MyListView.DataContext = animalNames;
}