WPF - 尝试使用 INotifyPropertyChanged 从文本框更新中更新标签

Question

我已经深入研究了 WPF 和 Binding 的魔力和奥秘。一切顺利，然后我碰壁了，需要向比我聪明得多的人寻求帮助。

我将其简化为一个简单的应用程序，删除了我代码中的所有其他项目。 UI 有一个文本框和一个标签。当文本框中的文本发生更改时，我想更新标签。在某个地方我错过了一个链接，我想这是绑定，因为我似乎从未进入过这个集合。这是代码

Mainwindow.xaml.cs

using System.ComponentModel;
using System.Windows;

namespace Databinding3
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        private string myBindedVal = "...."; 

        public MainWindow()
        {
            InitializeComponent();
            
        }
        
       //Create properties for our variable _myBindedVal
       public string MyBindedVal
       {
           get => myBindedVal;
       
            set 
            {
                NotifyPropertyChanged(nameof(MyBindedVal));
                myBindedVal = value;
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;


        private void NotifyPropertyChanged(string propertyName)
        {
            if (propertyName != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

主窗口.xml

<Window x:Class="Databinding3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Databinding3"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <TextBox x:Name="txtbx_name" Text="Textbox" HorizontalAlignment="Center" Height="57" TextWrapping="Wrap" VerticalAlignment="Center" Width="594"/>

        <Label Content="{Binding MyBindedVal,   RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, UpdateSourceTrigger=PropertyChanged, Mode=OneWay}" HorizontalAlignment="Center" Height="44" Grid.Row="1" VerticalAlignment="Center" Width="594"/>
    </Grid>
</Window>

感谢您的帮助

Answer 1

您没有绑定 TextBox 的 Text 属性。它应该如下所示，其中 UpdateSourceTrigger 确保在您在 TextBox 中键入时立即更新源属性。

<TextBox Text="{Binding MyBoundVal, UpdateSourceTrigger=PropertyChanged}" .../>

上面的Binding没有明确指定源对象，因此使用Window的DataContext作为源。像这样设置 DataContext：

public MainWindow()
{
    InitializeComponent();
    DataContext = this;
}

标签绑定就是

<Label Content="{Binding MyBoundVal}" .../>

请注意，您通常会使用 TextBlock 而不是 Label 来显示文本：

<TextBlock Text="{Binding MyBoundVal}" .../>

---

属性设置器中的执行顺序也很重要。在触发 PropertyChanged 事件之前分配支持字段值。

public string MyBoundVal
{
    get => myBoundVal;
    set 
    {
        myBoundVal = value;
        NotifyPropertyChanged(nameof(MyBoundVal));
    }
}

最后，NotifyPropertyChanged 方法应如下所示。测试propertyName 参数是没有意义的，但您应该测试PropertyChanged 事件是否为空，通常使用空传播运算符?.：

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