C# WPF 数据绑定：单向、双向绑定与更新触发方式

在 C# 的 WPF（Windows Presentation Foundation）开发中，数据绑定是一项极其重要的技术，它能够让界面元素与数据对象之间建立起一种动态的连接，实现数据的自动同步和更新。今天咱们就来详细聊聊 C# WPF 里的单向绑定、双向绑定以及它们的更新触发方式。

1. 数据绑定基础概念

在深入探讨单向和双向绑定之前，我们先来了解一下数据绑定的基本概念。数据绑定主要涉及到三个关键部分：数据源、绑定目标和绑定表达式。数据源就是我们要绑定的数据对象，比如一个类的实例；绑定目标则是界面上的某个元素，像一个文本框或者按钮；而绑定表达式则是用来定义数据源和绑定目标之间的连接关系。

示例代码（C# WPF 技术栈）

<Window x:Class="DataBindingExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Data Binding Example" Height="350" Width="525">
    <Grid>
        <!-- 这里的 TextBox 就是绑定目标 -->
        <TextBox x:Name="txtName" HorizontalAlignment="Left" Height="23" Margin="100,100,0,0" TextWrapping="Wrap" Text="{Binding Name}" VerticalAlignment="Top" Width="120"/>
    </Grid>
</Window>

using System.ComponentModel;

namespace DataBindingExample
{
    // 定义一个实现 INotifyPropertyChanged 接口的类作为数据源
    public class Person : INotifyPropertyChanged
    {
        private string name;

        public string Name
        {
            get { return name; }
            set
            {
                if (name != value)
                {
                    name = value;
                    // 当属性值改变时触发 PropertyChanged 事件
                    OnPropertyChanged(nameof(Name));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            // 创建数据源实例
            Person person = new Person { Name = "John" };
            // 设置 DataContext 为数据源
            this.DataContext = person;
        }
    }
}

在这个示例中，Person 类就是数据源，TextBox 是绑定目标，{Binding Name} 就是绑定表达式，它将 TextBox 的 Text 属性与 Person 类的 Name 属性绑定在一起。

2. 单向绑定

单向绑定是指数据只能从数据源流向绑定目标，也就是说，当数据源的属性值发生变化时，绑定目标会自动更新，但绑定目标的变化不会影响数据源。

应用场景

单向绑定适用于那些只需要显示数据，而不需要用户对数据进行修改的场景，比如显示系统信息、只读文本等。

示例代码

<Window x:Class="OneWayBindingExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="One Way Binding Example" Height="350" Width="525">
    <Grid>
        <!-- 设置 Binding 的 Mode 为 OneWay -->
        <TextBox x:Name="txtReadOnly" HorizontalAlignment="Left" Height="23" Margin="100,100,0,0" TextWrapping="Wrap" Text="{Binding ReadOnlyText, Mode=OneWay}" VerticalAlignment="Top" Width="120" IsReadOnly="True"/>
    </Grid>
</Window>

using System.ComponentModel;

namespace OneWayBindingExample
{
    public class DataSource : INotifyPropertyChanged
    {
        private string readOnlyText;

        public string ReadOnlyText
        {
            get { return readOnlyText; }
            set
            {
                if (readOnlyText != value)
                {
                    readOnlyText = value;
                    OnPropertyChanged(nameof(ReadOnlyText));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataSource dataSource = new DataSource { ReadOnlyText = "This is read-only text." };
            this.DataContext = dataSource;
        }
    }
}

在这个示例中，Mode=OneWay 明确指定了绑定模式为单向绑定。用户无法修改 TextBox 中的文本，因为数据只会从数据源流向绑定目标。

技术优缺点

优点：单向绑定简单明了，只需要关注数据源的变化，减少了不必要的复杂度，提高了性能。缺点：无法将绑定目标的变化反馈给数据源，不适合需要用户交互修改数据的场景。

注意事项

要确保数据源实现了 INotifyPropertyChanged 接口，这样才能在数据源属性值变化时通知绑定目标更新。
单向绑定的绑定目标通常设置为只读，避免用户误操作。

3. 双向绑定

双向绑定则允许数据在数据源和绑定目标之间双向流动，也就是说，当数据源的属性值发生变化时，绑定目标会更新；反之，当绑定目标的值发生变化时，数据源的属性也会相应更新。

应用场景

双向绑定适用于需要用户输入数据并实时更新数据源的场景，比如表单输入、设置选项等。

示例代码

<Window x:Class="TwoWayBindingExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Two Way Binding Example" Height="350" Width="525">
    <Grid>
        <!-- 设置 Binding 的 Mode 为 TwoWay -->
        <TextBox x:Name="txtInput" HorizontalAlignment="Left" Height="23" Margin="100,100,0,0" TextWrapping="Wrap" Text="{Binding InputText, Mode=TwoWay}" VerticalAlignment="Top" Width="120"/>
        <Button Content="Show Value" HorizontalAlignment="Left" Margin="100,150,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
    </Grid>
</Window>

using System.ComponentModel;
using System.Windows;

namespace TwoWayBindingExample
{
    public class DataModel : INotifyPropertyChanged
    {
        private string inputText;

        public string InputText
        {
            get { return inputText; }
            set
            {
                if (inputText != value)
                {
                    inputText = value;
                    OnPropertyChanged(nameof(InputText));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataModel dataModel = new DataModel();
            this.DataContext = dataModel;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            DataModel dataModel = (DataModel)this.DataContext;
            MessageBox.Show($"The input value is: {dataModel.InputText}");
        }
    }
}

在这个示例中，Mode=TwoWay 指定了绑定模式为双向绑定。用户在 TextBox 中输入的内容会实时更新到数据源的 InputText 属性中，点击按钮可以显示当前数据源的属性值。

技术优缺点

优点：双向绑定提供了实时的数据同步，方便用户输入和修改数据，提高了用户体验。缺点：双向绑定增加了代码的复杂度，需要处理更多的事件和逻辑，可能会影响性能。

注意事项

同样要确保数据源实现了 INotifyPropertyChanged 接口，以便在数据源属性值变化时通知绑定目标。
双向绑定可能会导致一些意外的更新，需要仔细处理事件和逻辑，避免出现数据不一致的问题。

4. 更新触发方式

在数据绑定中，更新触发方式决定了何时将绑定目标的变化同步到数据源。WPF 提供了几种不同的更新触发方式，如 PropertyChanged、LostFocus 和 Explicit。

PropertyChanged

PropertyChanged 是最常用的更新触发方式，当绑定目标的属性值发生变化时，会立即将变化同步到数据源。

示例代码

<Window x:Class="PropertyChangedTriggerExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PropertyChanged Trigger Example" Height="350" Width="525">
    <Grid>
        <!-- 设置 UpdateSourceTrigger 为 PropertyChanged -->
        <TextBox x:Name="txtPropertyChanged" HorizontalAlignment="Left" Height="23" Margin="100,100,0,0" TextWrapping="Wrap" Text="{Binding PropertyChangedText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Top" Width="120"/>
        <Button Content="Show Value" HorizontalAlignment="Left" Margin="100,150,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
    </Grid>
</Window>

using System.ComponentModel;
using System.Windows;

namespace PropertyChangedTriggerExample
{
    public class Data : INotifyPropertyChanged
    {
        private string propertyChangedText;

        public string PropertyChangedText
        {
            get { return propertyChangedText; }
            set
            {
                if (propertyChangedText != value)
                {
                    propertyChangedText = value;
                    OnPropertyChanged(nameof(PropertyChangedText));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Data data = new Data();
            this.DataContext = data;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Data data = (Data)this.DataContext;
            MessageBox.Show($"The value is: {data.PropertyChangedText}");
        }
    }
}

在这个示例中，UpdateSourceTrigger=PropertyChanged 表示当 TextBox 的 Text 属性值发生变化时，会立即更新数据源的 PropertyChangedText 属性。

LostFocus

LostFocus 触发方式表示当绑定目标失去焦点时，才将变化同步到数据源。

示例代码

<Window x:Class="LostFocusTriggerExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="LostFocus Trigger Example" Height="350" Width="525">
    <Grid>
        <!-- 设置 UpdateSourceTrigger 为 LostFocus -->
        <TextBox x:Name="txtLostFocus" HorizontalAlignment="Left" Height="23" Margin="100,100,0,0" TextWrapping="Wrap" Text="{Binding LostFocusText, Mode=TwoWay, UpdateSourceTrigger=LostFocus}" VerticalAlignment="Top" Width="120"/>
        <Button Content="Show Value" HorizontalAlignment="Left" Margin="100,150,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
    </Grid>
</Window>

using System.ComponentModel;
using System.Windows;

namespace LostFocusTriggerExample
{
    public class DataSource : INotifyPropertyChanged
    {
        private string lostFocusText;

        public string LostFocusText
        {
            get { return lostFocusText; }
            set
            {
                if (lostFocusText != value)
                {
                    lostFocusText = value;
                    OnPropertyChanged(nameof(LostFocusText));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataSource dataSource = new DataSource();
            this.DataContext = dataSource;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            DataSource dataSource = (DataSource)this.DataContext;
            MessageBox.Show($"The value is: {dataSource.LostFocusText}");
        }
    }
}

在这个示例中，只有当 TextBox 失去焦点时，才会将 TextBox 中的文本更新到数据源的 LostFocusText 属性。

Explicit

Explicit 触发方式表示需要手动调用 UpdateSource 方法来更新数据源。

示例代码

<Window x:Class="ExplicitTriggerExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Explicit Trigger Example" Height="350" Width="525">
    <Grid>
        <!-- 设置 UpdateSourceTrigger 为 Explicit -->
        <TextBox x:Name="txtExplicit" HorizontalAlignment="Left" Height="23" Margin="100,100,0,0" TextWrapping="Wrap" Text="{Binding ExplicitText, Mode=TwoWay, UpdateSourceTrigger=Explicit}" VerticalAlignment="Top" Width="120"/>
        <Button Content="Update Source" HorizontalAlignment="Left" Margin="100,150,0,0" VerticalAlignment="Top" Width="120" Click="Button_Click"/>
        <Button Content="Show Value" HorizontalAlignment="Left" Margin="100,200,0,0" VerticalAlignment="Top" Width="120" Click="ShowValue_Click"/>
    </Grid>
</Window>

using System.ComponentModel;
using System.Windows;
using System.Windows.Data;

namespace ExplicitTriggerExample
{
    public class DataModel : INotifyPropertyChanged
    {
        private string explicitText;

        public string ExplicitText
        {
            get { return explicitText; }
            set
            {
                if (explicitText != value)
                {
                    explicitText = value;
                    OnPropertyChanged(nameof(ExplicitText));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

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

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataModel dataModel = new DataModel();
            this.DataContext = dataModel;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            // 手动调用 UpdateSource 方法更新数据源
            BindingExpression bindingExpression = txtExplicit.GetBindingExpression(TextBox.TextProperty);
            bindingExpression.UpdateSource();
        }

        private void ShowValue_Click(object sender, RoutedEventArgs e)
        {
            DataModel dataModel = (DataModel)this.DataContext;
            MessageBox.Show($"The value is: {dataModel.ExplicitText}");
        }
    }
}

在这个示例中，只有当用户点击 “Update Source” 按钮时，才会调用 UpdateSource 方法将 TextBox 中的文本更新到数据源的 ExplicitText 属性。

注意事项

PropertyChanged 触发方式会频繁更新数据源，可能会影响性能，对于一些复杂的计算或操作，建议使用其他触发方式。
LostFocus 触发方式适用于需要用户完成输入后再更新数据源的场景。
Explicit 触发方式需要手动控制更新，适合需要精确控制数据同步的场景。

5. 文章总结

C# WPF 中的数据绑定是一项强大的技术，单向绑定和双向绑定为我们提供了不同的数据同步方式，而更新触发方式则让我们能够灵活控制数据的更新时机。单向绑定简单高效，适用于只读数据显示；双向绑定方便用户交互，适用于需要用户输入和修改数据的场景。不同的更新触发方式各有优缺点，需要根据具体的应用场景选择合适的方式。在实际开发中，要确保数据源实现 INotifyPropertyChanged 接口，以保证数据的正确同步。同时，要注意处理好事件和逻辑，避免出现数据不一致的

敲码拾光专注于编程技术，涵盖编程语言、代码实战案例、软件开发技巧、IT前沿技术、编程开发工具，是您提升技术能力的优质网络平台。

C# WPF 数据绑定：单向、双向绑定与更新触发方式

1. 数据绑定基础概念

示例代码（C# WPF 技术栈）

2. 单向绑定

应用场景

示例代码

技术优缺点

注意事项

3. 双向绑定

应用场景

示例代码

技术优缺点

注意事项

4. 更新触发方式

PropertyChanged

示例代码

LostFocus

示例代码

Explicit

示例代码

注意事项

5. 文章总结

评论

关联文章