New Metro Views: Listing 2.

Building the ListView control.

<ListView>
  <ListView.Items>
    <ListViewItem>
      <StackPanel Orientation="Horizontal">
        <Rectangle Fill="Red" Width="100" Height="100"/>
        <TextBlock VerticalAlignment="Center" Text="Red" Margin="10, 10, 10, 10" />
      </StackPanel>
    </ListViewItem>
  <ListViewItem>
    <StackPanel Orientation="Horizontal">
      <Rectangle Fill="Green" Width="100" Height="100"/>
      <TextBlock VerticalAlignment="Center" Text="Green" Margin="10, 10, 10, 10" />
    </StackPanel>
  </ListViewItem>
  <ListViewItem>
    <StackPanel Orientation="Horizontal">
      <Rectangle Fill="Yellow" Width="100" Height="100"/>
      <TextBlock VerticalAlignment="Center" Text="Yellow" Margin="10, 10, 10, 10" />
    </StackPanel>
  </ListViewItem>
  <ListViewItem>
    <StackPanel Orientation="Horizontal">
      <Rectangle Fill="Blue" Width="100" Height="100"/>
      <TextBlock VerticalAlignment="Center" Text="Blue" Margin="10, 10, 10, 10" />
    </StackPanel>
  </ListViewItem>                
</ListView.Items
</ListView>

About the Author

Michael Crump is a product manager that works at Microsoft on the Azure platform. He is a is a developer, blogger and speaker of topics relating to cloud development. He’s passionate about helping developers understand the benefits of the cloud in a no-nonsense way. You can reach him on Twitter at mbcrump or by following his blog at michaelcrump.net.