这节，阐述了xaml文件。

编写xaml源代码

现在，资源列表已经有了啊，我要在xaml页面中进行布局了，listView的xmal的源代码如下所示：

 你可以设置背景颜色的属性，此外，我在表格控件设置为2行2列。

 为了更好的布局，我加了一个stackpanel，使其布局更加的填满某个布局,相应的源代码如下：

1 
     

这个stackpanel控件包含了能够显示头部和一个列表的文本框。在屏幕的右方，我添加了一个stackpanels，使其一行一列。并且指定某个控件属于某行某列的属性。这个属性的z-index赋值为0，倘若你如果为某个控件没有指定这个属性的话 ，他就位于第一行第一列。下图就展示了布局的页面：

设计图面上显示的内容不是动态生成的，这就是你为什么不能看到图中数据的视图模型。将用一个列表视图控件显示动态内容。正如它的名字所暗示，列表视图显示一组列表中的项目。列表视图的三个属性，是这样设置的：

1   
     2 
     

我使用这些属性之间能够缩小Data Context属性与数据的模板宏观和微观的差距。List View控件itemsource的属性，就是告诉项目中listview控件如何显示数据。  绑定关键字，就是显示背后隐藏的数据的文件。

这个ItemTemplate告诉这个ListView某项显示的数据。使用StaticResource关键字是指定使用资源字典中的样式与GroceryListItemTemplate意味着指定数据模板。这个StackPanel三个文本框意味这viewModel的三个属性。

SelectionChanged这个属性指向了一个事件，而这个事件，将在源代码文件中通过一个方法来实现、 这就是listViewXaml文件的编码，你看懂没。后面的篇幅继续下面的议程。