WPF数据模板轻松实现数据显示

我们在进行开发程序的时候，经常会碰到要处理一个图形界面的需求。微软公司根据这一需求，开发了一个叫做WPF的图形界面显示工具。#t#

公司主营业务：成都网站建设、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出即墨免费做网站回馈大家。

在WPF中我们可以为自己的数据定制显示方式，也就是说虽然某数据数据是一定的，但我们可以做到让它的表现方式多种多样，比如一个时间，在以前我们一般使用一个字符串（比如“12：03”）来显示，但我们为什么就不能显示一个小时钟呢，其实这更合乎情理，利用WPF数据模板技术随意并轻松地表现你的数据.

WPF数据模板适用于Content Control类控件与Items Control类控件.

我们假设有如下一个类

using System;
namespace Demo
{
public class People
{
private string name;
private string photo;
public People(string
name, string photo)
{
this.name = name;
this.photo = photo;
}
public string Name
{
get
{
return this.name;
}
set
{
this.name = value;
}
}
public string Photo
{
get
{
return this.photo;
}
set
{
this.photo = value;
}
}
}
}

这个类很简单地表示了一个人，他的姓名和他的照片（路径）

如果在我们的软件中有一个列表控件ListBox来显示一个由多个人组成的列表，在.net 3.0以前我们可能就只能用文本来列出人的姓名而已,或者花不少的精力来重写列表控件以便在列表中在显示人名的同时显示照片.

参考以下代码:

 
 
 
  
  
  < ListBox x:Name="ListBox_
PeopleList" ItemTemplate="
{StaticResource MyTemplate}" />

我们定义了一个ListBox,并将其ItemTemplate制定为我们自定义的MyTemplate，也就是说列表项将按照MyTemplate制定的方式来显示列表内容。
这样我们就可以发挥我们的想像力来自定义MyTemplate
为了能在XAML中使用我们的People类,我们需要将其名字空间引入,参考以下代码：

 
 
 
  
  
  xmlns:demo="clr-nam
espace:Demo"

其中Demo是我们的People类所在的名字空间,以后可以使用demo来表示这个名字空间了.

下面的代码来定义我们的MyTemplate的WPF数据模板，以便告诉我们的列表如何来显示他的项目：

 
 
 
  
  
  < Window.Resources>   
  
  
  < !--列表模板--> 
  
  
  < DataTemplate x:Key="MyTemplate"
 DataType="{x:Type demo:People}"> 
  
  
  < Grid VerticalAlignment="Center" 
HorizontalAlignment="Center" 
Margin="4,4,4,4" > 
  
  
  < Grid.ColumnDefinitions> 
  
  
  < ColumnDefinition Width="Auto"/> 
  
  
  < ColumnDefinition Width="Auto"/> 
  
  
  < /Grid.ColumnDefinitions> 
  
  
  < Image Source="{Binding Photo}" 
Width="50" Height="50" Grid.Column=
"0" Grid.RowSpan="1"/> 
  
  
  < TextBlock Text="{Binding Name}" 
Grid.Column="1" Grid.ColumnSpan="1" 
HorizontalAlignment="Center" Vertical
Alignment="Center"/> 
  
  
  < /Grid> 
  
  
  < /DataTemplate> 
  
  
  < /Window.Resources>

我们将WPF数据模板定义为窗口的资源，资源保存在一个资源字典中的，x:Key="MyTemplate" 表示其在资源字典中的键，DataType="{x:Type demo:People}"表示该数据模板针对的数据类型是demo名字空间下的People类，接下来在Gird中我们定义了该数据模板的视觉树，这也是我们的工作重心，即该视觉树定义了如何显示我们的数据。

我们使用了一个Image控件并将其Source绑定到People的Photo属性上，这样以便在该Imag控件上显示照片，然后在Image的右边我们使用一个TextBlock控件来显示人名（将People的Name属性绑定到TextBlock的Text属性上）。

注意到这个数据模板实际上在干什么：它定义了People类型对象的表现方式，在这里是显示People的照片并在照片的右方显示姓名。

以后我们需要People对象按这种方式展示给用户的时候，我们只要将该WPF数据模板指定给要显示People对象的那个控件就可以了。

比如

 
 
 
  
  
  < ListBox x:Name=
"ListBox_PeopleList" 
ItemTemplate="{Static
Resource MyTemplate}" />

就告诉我们的列表控件按照MyTemplate定义的方式来显示其项目。

呵呵，这样是不是比以前Code方式来打造一个个性列表控件来得更方便。

文章题目：WPF数据模板轻松实现数据显示
分享地址：http://www.shufengxianlan.com/qtweb/news29/279379.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容