Windows 8執行個體教程：資料繫結進階執行個體

上篇Windows 8執行個體教程系列 - 資料繫結基礎執行個體中，介紹Windows 8應用開 發資料繫結基礎，其中包括一些簡單的資料繫結控制項的使用。

本篇將介紹較為複雜的資料繫結控制項執行個體， 其中包括ListView， GridView， 以及GridView分組，GridView分組縮放等綁定功能。

瞭解ListView和GridView資料繫結控制項

兩個控制項都是繼承自ItemsControl類，在功能上類似，都是在應用中顯示資料 集合，但是顯示方式不同。

ListView顯示方式為垂直堆棧形式，以列表的形式顯示資料；常用於顯示簡潔 資料列表，選中選項後顯示詳細資料。

GridView顯示方式是平行堆棧形式，經常會用於顯示較為豐富的資料集合，例 如，相簿清單應用，顯示照片在每個選項。

ListView控制項

前台代碼：

<ListView x:Name="lvMainListView" Margin="5"  VerticalAlignment="Top" MaxWidth="400" HorizontalAlignment="Left"                  ItemTemplate="{StaticResource ContactTemplate}" ScrollViewer.VerticalScrollBarVisibility="Auto" BorderBrush="White" BorderThickness="2"                  ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionMode="Single"                  SelectionChanged="lvMainListView_SelectionChanged_1"/>
在ListView中使用了自訂ItemTemplate，自訂設定選項布局，
 
<Page.Resources>            <x:String x:Key="AppName">Windows 8執行個體教程 - ListView</x:String>            <Style x:Key="ContactEmailStyle" TargetType="TextBlock">            <Setter Property="FontFamily" Value="Segoe UI Light"/>            <Setter Property="FontSize" Value="18"/>        </Style>            <Style x:Key="ContactAuthorStyle" TargetType="TextBlock">            <Setter Property="FontFamily" Value="Segoe UI Light"/>            <Setter Property="FontSize" Value="14"/>        </Style>            <DataTemplate x:Key="ContactTemplate">            <Grid Margin="10">                <StackPanel Orientation="Horizontal">                    <Image Source="{Binding Thumbnail}" Height="60" Width="60" Margin="0,0,10,0"/>                    <StackPanel Margin="0,0,0,0" Orientation="Vertical">                        <TextBlock TextWrapping="Wrap" Style="{StaticResource ContactEmailStyle}"                                   Text="{Binding Email}" />                        <TextBlock TextWrapping="Wrap" Style="{StaticResource ContactAuthorStyle}" Text="{Binding Author}" />                    </StackPanel>                </StackPanel>            </Grid>        </DataTemplate>        </Page.Resources>