Windows 8实例教程：数据绑定高级实例

Windows 8实例教程：数据绑定高级实例2014-07-03 cnblogs Kevin Fan上篇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>