WPF 与Surface 2.0 SDK 亲密接触 - ScatterView 数据绑定篇

     与我们常用的一些WPF 控件相同，ScatterView 控件也支持数据绑定功能。本篇将演示如何利用ScatterView 绑定Win7 系统中的样例图片，并且每张图片会以独立的ScatterViewItem 形式展现出来。

     首先，新建一个Surface Application(WPF) 项目，在Grid 中添加ScatterView 控件，并命名为mainScatterView。

<Grid>      <s:ScatterView x:Name="mainScatterView">                </s:ScatterView>  </Grid>        

在C# 代码中将“Sample Pictures”目录下的图片全部添加到ScatterView 的ItemsSource。

string imagesPath = @"C:\Users\Public\Pictures\Sample Pictures\";  try  {      mainScatterView.ItemsSource = System.IO.Directory.GetFiles(imagesPath, "*.jpg");  }  catch (System.IO.DirectoryNotFoundException)  {      // Write Error info here.  }      

         按下 F5 运行程序，ScatterView 会为每张图片创建一个ScatterViewItem 控件。但是由于XAML 代码中没有编写任何样式模板，所以ScatterViewItem 只显示出图片路径及名称而不是图片本身（如下图）。

<Grid>      <s:ScatterView x:Name="mainScatterView">          <s:ScatterView.ItemTemplate>              <DataTemplate>                  <Image Source="{Binding}"/>              </DataTemplate>          </s:ScatterView.ItemTemplate>      </s:ScatterView>  </Grid>