Windows Phone理解和运用ItemTemplate、ContentTemplate和DataTemplate

2.2.5 ItemTemplate、ContentTemplate和DataTemplate

在理解ItemTemplate、ContentTemplate和DataTemplate的关系的之前，我们先来看看ContentControl类和ItemsControl类。ContentControl类是内容控件的基类，如Button, CheckBox，最明显的特征就是这个控件有Content属性，有Content属性的系统控件都是ContentControl的子类。ItemsControl类是列表内容控件的基类，如ListBox，它和ContentControl类是类似的，只不过ContentControl类是单项的内容，ItemsControl是多项的内容。

那么所有继承自ContentControl的内容控件的ContentTemplate属性和所有继承自ItemsControl的列表控件的ItemTemplate属性，都是DataTemplate类型的，意思就是我们可以通过DataTemplate来定义ContentControl和ItemsControl的控件的UI效果和数据的显示。

2.2.6 数据模板的使用

DataTemplate是一种可视化的数据模板，它强大的作用在于可以把数据通过绑定的方式展现到控件上。在上面的例子中，我们介绍了用DataTemplate去实现了UI控件的内容的显示，那么其实DataTemplate最主要的作用并不是去取代ControlTemplate的样式定义，而是通过数据绑定把数据的控件的数据源的信息展现到控件上。

下面我们还是通过一个Button的控件来看一下DataTemplate的数据绑定是如何发挥作用的。

代码清单2-5：数据模板（源代码：第2章Examples_2_5）

（1）首先定义一个Person类表示是数据实体的类型，代码如下：

public class Person { public string LastName { get; set; } public string FirstName { get; set; } }

（2）设计一个DataTemplate，并把这个DataTemplate作为一个资源来使用，这是和Style资源是一样的道理，DataTemplate也可以作为公共的资源给多个控件去使用。那么这个模板的内容是使用StackPanel控件把Person对象的信息水平排列起来。

<ignore_js_op>
< Page.Resources>

（3）创建一个Button控件，把ContentTemplate属性和模板资源关联起来。

（4）创建一个Person对象并且赋值给Button控件的Content属性。

singlePersonButton.Content = new Person { FirstName = "lee", LastName = "Terry" };

最后我们可以看到按钮的运行效果如图2.14所示，DataTemplate可以把数据对象绑定起来来实现更加灵活的通用的强大的UI数据显示效果。

<ignore_js_op>

图2.14 数据模板绑定的按钮

那么刚才的示例是DataTemplate在ContentControl类型的控件上的应用，那么下面我们再来看看DataTemplate在ItemsControl类型的控件上的实现，ContentControl和ItemsControl也是可以直接作为控件去使用的，如果我们并不需要Button或者ListBox这些控件的一些高级功能，就可以直接使用ContentControl或者ItemsControl控件。

（1）定义一个ItemsControl控件，把ItemTemplate属性和模板资源关联起来。

（2）创建一个Person对象的集合并且赋值给ItemsControl控件的ItemsSource属性。

Persons.Add(new Person { FirstName = "lee2", LastName = "Terry2" });

Persons.Add(new Person { FirstName = "lee3", LastName = "Terry3" });

Persons.Add(new Person { FirstName = "lee4", LastName = "Terry4" });

Persons.Add(new Person { FirstName = "lee5", LastName = "Terry5" });

itemsControl.ItemsSource = Persons;

这时候可以看到运行效果如图2.15所示，ItemsControl可以把数据集合通过列表的形式展现出来，但是你会发现直接用ItemsControl实现的列表的功能非常有限，并且也不能滚动，接下来再结合一下ContentTemplate来进行完善这个列表的控件。

<ignore_js_op>

2014-6-8 10:49 上传

下载附件 (11.22 KB)

图2.15 数据模板绑定的列表

（3）定义一个ItemsControl的样式，其实就是自定义一个ControlTemplate的模板作为ItemsControl控件的模板来使用，那么这个模板就是一个内容的展现形式的模板。我们在ControlTemplate模板上定义了一个ScrollViewer控件然后里面再使用了一个StackPanel控件，最里面的是ItemsPresenter控件。列表的DataTemplate的显示内容就是直接投影在ItemsPresenter控件上面的。我们对ScrollViewer控件和StackPanel控件都设置了不同的边框颜色，这样在运行的时候就可以很明显地看出来控件之间的关系是怎样的。

（4）在ItemsControl上添加Style属性为上面定义的样式。

程序的运行效果如图2.16所示。

<ignore_js_op>

详细说明：http://wp.662p.com/thread-8220-1-1.html

转载于:https://www.cnblogs.com/wangniuzen/p/4104922.html

Windows Phone理解和运用ItemTemplate、ContentTemplate和DataTemplate相关推荐

Windows API 理解----Nt* Zw*
在你要理解Zw和Nt 系列API时,你首先要知道一点,那就是系统调用.什么是系统调用呢? 系统调用:操作系统为应用程序提供的可被调用的一组函数,也叫"System Call". 从 ...
Windows SID理解
Windows安全性要依赖于几个基本元素.:访问令牌.SID.安全描述符.访问控制列表.密码. 访问令牌:访问令牌在本质上定义了两上"P":Permissions(权限)和Pri ...
纯C++创建Windows窗体(理解WinMain()与WndProc())
一直比较关注本质的东西.VC封装了很多,想了解一下比较麻烦. 先从了解WinMain()入口函数与WndProc()消息处理函数开始吧. 大气象 #include <windows.h> ...
Swin Transformer: Hierarchical Vision Transformer using Shifted Windows 阅读理解
原文地址:https://arxiv.org/pdf/2103.14030.pdf 收录:CVPR 2021 Best paper 代码: https://github.com/microsoft/S ...
linux运行cmd文件sh文件目录,在Windows上，如何执行.sh文件？
问题描述当我尝试通过命令./name.sh在命令行中执行文件(name.sh)时,我收到错误消息: "." is not recognized as an internal or ...
《游戏编程入门 4th》笔记（2 / 14）：监听Windows消息
文章目录编写一个Windows程序理解InitInstance InitInstance函数调用 InitInstance的结构理解MyRegisterClass MyRegisterClass ...
Windows phone 7 之ToggleSwitch
toggleSwitch控件为Silverlight for Windows Phone Toolkit 控件包中的开关控件. 其Xaml代码为: View Code 1 <Grid x:Nam ...
告诉你Windows PE 是什么东东？详细介绍一下winpe
针对菜菜朋友可以对PE这样理解: 大家是不是都用过xp系统?(一个独立的操作系统) xp系统是由好多好多的文件构成的:.exe .txt .dll ~~~ 那么大家一定也知道精简型的XP(没用过也不会 ...
使您成为Windows专家的一些学习习惯
Known How and Known Why 知其然,更知其所以然不同的层次: 知道如何使用知道工作机制理解为什么要这样设计钻研精神,keep ask question 毅力 ======= ...

Windows Phone理解和运用ItemTemplate、ContentTemplate和DataTemplate

Windows Phone理解和运用ItemTemplate、ContentTemplate和DataTemplate相关推荐

最新文章

热门文章