C# WPF入门学习主线篇（二十四）—— 数据绑定基础_c# textbox 数据绑定

C# WPF入门学习主线篇（二十四）—— 数据绑定基础

数据绑定是WPF的重要特性之一，它允许UI元素和数据源之间建立连接，从而实现数据的自动更新和显示。通过数据绑定，开发者可以减少大量的手动更新代码，使应用程序更具响应性和可维护性。本篇博客将详细介绍WPF数据绑定的基础知识，包括单向绑定、双向绑定、绑定路径和数据上下文。

1. 数据绑定基础

数据绑定是指将控件的属性与数据源进行连接，使得控件的显示内容和数据源保持同步。WPF支持多种数据绑定模式，最常见的有以下几种：

1.1 单向绑定（OneWay）

单向绑定是指从数据源到目标控件的单向更新。控件会随着数据源的变化而自动更新，但控件的变化不会影响数据源。

示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="DataBinding Demo" Height="200" Width="300">
    <Grid>
        <TextBox Text="{Binding Name}" Width="200" Height="30" Margin="10"/>
    </Grid>
</Window>
1
2
3
4
5
6
7
8

using System.ComponentModel;
using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = new Person { Name = "Alice" };
        }
    }

    public class Person : INotifyPropertyChanged
    {
        private string name;
        public string Name
        {
            get { return name; }
            set
            {
                if (name != value)
                {
                    name = value;
                    OnPropertyChanged("Name");
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

在这个示例中，TextBox 的 Text 属性绑定到 Person 类的 Name 属性，当 Name 属性变化时，TextBox 会自动更新显示的内容。

1.2 双向绑定（TwoWay）

双向绑定允许数据源和目标控件之间的双向更新。控件的变化会自动反映到数据源，数据源的变化也会自动更新控件。

示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="DataBinding Demo" Height="200" Width="300">
    <Grid>
        <TextBox Text="{Binding Name, Mode=TwoWay}" Width="200" Height="30" Margin="10"/>
        <Button Content="Update Name" Width="100" Height="30" Margin="10,50,0,0" Click="Button_Click"/>
    </Grid>
</Window>
1
2
3
4
5
6
7
8
9

using System.ComponentModel;
using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = new Person { Name = "Alice" };
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            (DataContext as Person).Name = "Bob";
        }
    }

    public class Person : INotifyPropertyChanged
    {
        private string name;
        public string Name
        {
            get { return name; }
            set
            {
                if (name != value)
                {
                    name = value;
                    OnPropertyChanged("Name");
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

在这个示例中，点击按钮会将 Person 类的 Name 属性更新为 “Bob”，同时 TextBox 中的文本也会自动更新。

2. 绑定路径和数据上下文

2.1 绑定路径

绑定路径用于指定绑定的数据源中的属性。可以使用点号（.）分隔多个属性，以便从嵌套对象中获取数据。

示例：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="DataBinding Demo" Height="200" Width="300">
    <Grid>
        <TextBox Text="{Binding Address.City}" Width="200" Height="30" Margin="10"/>
    </Grid>
</Window>
1
2
3
4
5
6
7
8

using System.ComponentModel;
using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = new Person
            {
                Name = "Alice",
                Address = new Address { City = "New York" }
            };
        }
    }

    public class Person : INotifyPropertyChanged
    {
        private string name;
        private Address address;

        public string Name
        {
            get { return name; }
            set
            {
                if (name != value)
                {
                    name = value;
                    OnPropertyChanged("Name");
                }
            }
        }

        public Address Address
        {
            get { return address; }
            set
            {
                if (address != value)
                {
                    address = value;
                    OnPropertyChanged("Address");
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public class Address : INotifyPropertyChanged
    {
        private string city;

        public string City
        {
            get { return city; }
            set
            {
                if (city != value)
                {
                    city = value;
                    OnPropertyChanged("City");
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

在这个示例中，TextBox 的 Text 属性绑定到 Person 类中的 Address 对象的 City 属性。

2.2 数据上下文

数据上下文（DataContext）是WPF中一个重要的概念，它指定了控件绑定的数据源。通过设置控件或其父容器的 DataContext 属性，可以简化绑定的设置。

结论

通过学习数据绑定的基础知识，我们可以更高效地开发WPF应用程序。数据绑定允许我们将UI元素和数据源连接起来，实现自动更新和显示。在本篇博客中，我们介绍了单向绑定和双向绑定的基本用法，以及绑定路径和数据上下文的概念。希望这些内容能够帮助你更好地理解和应用WPF的数据绑定功能。