WPF中如何使用C#创建DataTemplate数据模版_第1张图片

 看到博客园有篇文章谈到“使用C#编程的方式创建DataTemplate数据模板”(原文地址), 博主的做法是创建一个FrameworkElementFactory对象,设置好后将其设置为DataTemplate对象的VisualTree属 性。我认为此方法有待商榷,盖因查阅MSDN,发现FrameworkElementFactory类的介绍页面上有一段备注:
  (http://msdn.microsoft.com/zh-cn/library/system.windows.frameworkelementfactory.aspx)

  备注:通过此类以编程方式创建模板这种方式已被否决,这些模板是 FrameworkTemplate(如 ControlTemplate 或 DataTemplate)的子类;使用此类创建模板时,并非所有模板功能都可用。以编程方式创建模板的推荐方式是:使用 XamlReader 类的 Load 方法从字符串或内存流中加载 XAML。


  因此,正确的做法似乎是编程创建一段XAML代码并且使用XamlReader类的Load方法将其构造成为实例对象。下面代码展示了这一做法(为了演示,数据绑定操作全部由C#代码而不是xaml完成):

 

  下面代码完成一个小程序,该程序可以输入名字和昵称,将之加入到ListBox列表中,如果选中ListBox某一项,输入框内容会实时更新,也可以实时修改名字和昵称。首先使用XAML描述出程序界面:

MainWindow.xaml:

 
     
     
     
     
  1.  
  2.     <label>姓名label> 
  3.  
  4.     <label>昵称label> 
  5.  
  6. <button>增加button> 

  下面将TextBox、ListBox的数据源全部绑定到我们自己的数据结构上,先定义一个NickName类,实现INotifyPropertyChanged接口:

MainWindow.xaml.cs:

 
     
     
     
     
  1. public class NickName: INotifyPropertyChanged  
  2. {  
  3.     public NickName() : this( “Name”, “Nick” ) { }  
  4.     public NickName( string name, string nick )  
  5.     {  
  6.         namename_ = name; nicknick_ = nick;  
  7.     }  
  8.  
  9.     public event PropertyChangedEventHandler PropertyChanged;  
  10.     private void FireEvent( string propertyName )  
  11.     {  
  12.         if( PropertyChanged != null )  
  13.         PropertyChanged( this, new PropertyChangedEventArgs( propertyName ) );  
  14.     }  
  15.  
  16.     private string name_;  
  17.     public string Name  
  18.     {  
  19.         get { return name_; }  
  20.         set{  
  21.             if( name_ == value ) return;  
  22.             name_ = value;  
  23.             FireEvent( “Name” );  
  24.         }  
  25.     }  
  26.  
  27.     private string nick_;  
  28.     public string Nick  
  29.     {  
  30.         get { return nick_; }  
  31.         set{  
  32.             if( nick_ == value ) return;  
  33.             nick_ = value;  
  34.             FireEvent( “Nick” );  
  35.         }  
  36.     }  

  下面代码在内存中使用XAML定义了一个DataTemplate,并将之实例化,完成了ListBox的数据绑定操作:

MainWindow.xaml.cs:

 
     
     
     
     
  1. public partial class MainWindow: Window  
  2. {  
  3.     //ObservableCollection<>集合实现了INotifyCollectionChanged接口  
  4.     public ObservableCollection nickNames_ = new ObservableCollection();  
  5.  
  6.     public MainWindow()  
  7.     {  
  8.         InitializeComponent();  
  9.         DoDataBinding();  
  10.         //点击“增加”按钮时将TextBox中的内容增加到nickNames_容器中  
  11.         //由于ListBox已经绑定到nickNames_,这将导致ListBox显示内容的更新  
  12.         btnAdd_.Click += ( o, e ) => {  
  13.             nickNames_.Add( new NickName() );  
  14.         };  
  15.     }  
  16.  
  17.     private void DoDataBinding()  
  18.     {  
  19.         //设定总体的数据上下文,它将影响DockPanel里面所有控件  
  20.         dockPanel_.DataContext = nickNames_;  
  21.  
  22.         //将ListBox绑定到nickNames_,并设定同步更新当前Item属性  
  23.         lstBox_.SetBinding( ListBox.ItemsSourceProperty, string.Empty );  
  24.         lstBox_.IsSynchronizedWithCurrentItem = true;  
  25.  
  26.         //内存中动态生成一个XAML,描述了一个DataTemplate  
  27.         XNamespace ns = “http://schemas.microsoft.com/winfx/2006/xaml/presentation”;  
  28.         XElement xDataTemplate =  
  29.             new XElement( ns + “DataTemplate”, new XAttribute( “xmlns”, “http://schemas.microsoft.com/winfx/2006/xaml/presentation” ),  
  30.                 new XElement( ns + “TextBlock”,  
  31.                     new XElement( ns + “TextBlock”, new XAttribute( “Width”, “100″ ), new XAttribute( “Text”, “{Binding Path=Name}” ) ),  
  32.                     new XElement( ns + “TextBlock”, new XAttribute( “Width”, “100″ ), new XAttribute( “Text”, “{Binding Path=Nick}” ) )  
  33.                 )  
  34.             );  
  35.         //将内存中的XAML实例化成为DataTemplate对象,并赋值给  
  36.         //ListBox的ItemTemplate属性,完成数据绑定  
  37.         XmlReader xr = xDataTemplate.CreateReader();  
  38.         DataTemplate dataTemplate = XamlReader.Load( xr ) as DataTemplate;  
  39.         lstBox_.ItemTemplate = dataTemplate;  
  40.         //将两个TextBox分别绑定到当前Item的Name和Nick属性上  
  41.         txtBoxName_.SetBinding( TextBox.TextProperty, “Name” );  
  42.         txtBoxNick_.SetBinding( TextBox.TextProperty, “Nick” );  
  43.     }  
  44.  

  通过上述代码,已经成功使用C#代码创建了DataTemplate数据模板,并完成了这个小程序:

 

  由于刚开始学习WPF,代码中难免有不当之处,恳请牛人指正。

By liuxiaobo

 

【本文首发于: 搜索研发部官方博客http://stblog.baidu-tech.com/?p=100
关注百度技术沙龙