实例讲解WPF数据绑定技巧

开发 开发工具
WPF数据绑定在WPF学习中是一个相当有意思的东西,值得我们去深入的研究。在这篇文章中我们以一个实例来向大家简单介绍一下相关知识。

WPF工具是一款帮助开发人员简便实现图形界面显示的相关方法。在这篇文章中,我们就为大家详细介绍下有关WPF数据绑定的一些基础知识。#t#

目的:

在页面上呈现用户列表(显示每个用户的用户名和年龄)

思路:

定义一个User类,用以描述每个用户;

定义一个Users类,用以存储多个用户;

定义一个UserView控件,用以格式化显示每个用户;

在最终的页面上通过ListBox控件显示用户列表;

以下为各个部分的WPF数据绑定代码:

  1. User.cs   
  2. public class User { public 
    string Name {   
  3. get; set;   
  4. }   
  5. public int Age {   
  6. get; set;   
  7. }   
  8. }   
  9. public class Users {   
  10. public ObservableCollection<User>   
  11. UserList {   
  12. get; set;   
  13. }   
  14. public Users() {   
  15. this.UserList = new 
    ObservableCollection
    <User>();   
  16. }   
  17. }  
  18. UserView.xaml   
  19. <WrapPanel>   
  20. <Label>Name:</Label>   
  21. <Label Name="lblName" Content=
    "{Binding Path=Name}"/> 
    <Label>Age:</Label>   
  22. <Label Name="lblAge" Content="
    {Binding Path=Age}"
    /> </WrapPanel> 
  23. Home.xaml  
  24. <Grid x:Name="gridMain">   
  25. <StackPanel>   
  26. <Label>UserList:</Label>   
  27. <ListBox ItemsSource="
    {Binding Path=UserList}"
    > 
    <ListBox.ItemTemplate>   
  28. <DataTemplate DataType="
    {x:Type kcl:User}"
    > <kucl:UserView />   
  29. </DataTemplate>   
  30. </ListBox.ItemTemplate>   
  31. </ListBox>   
  32. </StackPanel>   
  33. </Grid> 
  34. Home.xaml.cs  
  35. public Home() {   
  36. InitializeComponent();   
  37. Users pUsers = new Users();   
  38. pUsers.UserList.Add(new User() {   
  39. Name = "Tom"Age = 10 });   
  40. pUsers.UserList.Add(new User() {   
  41. Name = "Mike"Age = 5 });   
  42. pUsers.UserList.Add(new User() {   
  43. Name = "Jack"Age = 1 });   
  44. DataContext = pUsers;   

WPF数据绑定非常有意思,值得深入研究。

责任编辑:曹凯 来源: IT168
相关推荐

2021-02-11 08:27:28

数据

2009-12-25 17:39:01

WPF验证

2010-01-14 15:44:17

VB.NET数据绑定

2009-12-24 11:15:59

WPF数据绑定

2023-10-07 11:04:58

WPF数据UI

2010-07-28 13:11:13

Flex数据绑定

2010-07-30 09:08:21

Flex数据绑定

2010-08-12 11:34:15

Flex数据绑定

2010-01-05 10:31:44

2009-12-29 13:51:33

WPF Applica

2009-12-23 10:13:20

WPF体系架构

2009-12-28 09:50:08

WPF数据绑定

2009-12-24 13:51:49

WPF文档打印

2009-12-23 17:07:37

WPF性能

2023-09-28 11:42:15

2009-12-14 09:33:04

Ruby安装

2010-09-14 17:20:57

2010-06-03 18:22:38

Hadoop

2011-04-02 16:37:26

PAT

2009-12-23 14:19:07

WPF单向绑定
点赞
收藏

51CTO技术栈公众号