手把手玩转win8开发系列课程(10)
这节,阐述了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文件的编码,你看懂没。后面的篇幅继续下面的议程。
页:
[1]