WPF 中的文本框文本更改事件

Question

例如，如果我在 WFA 中有 2 个文本框。以下代码有效。

private void textBox1_TextChanged(object sender, EventArgs e)
    {
        textBox2.Text = textBox1.Text;
    }

我明白了。当我更改第二个文本框中的文本时，它与第一个文本框中的文本相同。

但是当涉及到 WPF 时，我得到了完全不同的行为。当我这样做的时候。

private void textBox_TextChanged(object sender, TextChangedEventArgs e)
    {
        textBox1.Text = textBox.Text;
    }

然后按 Ctrl+F5 测试应用程序，没有任何反应。日志显示 "Build Succeeded" 什么也没有。这里有什么问题？

这里是 XAML 代码。

    <Window x:Class="TextBoxTest.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:TextBoxTest"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <TextBox x:Name="textBox" HorizontalAlignment="Left" Height="23" Margin="212,77,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" TextChanged="textBox_TextChanged"/>
    <TextBox x:Name="textBox1" HorizontalAlignment="Left" Height="23" Margin="212,124,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

</Grid>

Answer 1

您遇到空引用异常。创建 textBox 控件时，它将触发 textBox1 上的 textChange 事件，到那时，textBox1 尚未创建，因此为空。您只需更改 XAML 中文本框的顺序就可以了。但是有一种更好的方法可以直接在 XAML 中使用 Binding:

<TextBox x:Name="textBox" />
<TextBox x:Name="textBox1" Text="{Binding ElementName=textBox, Path=Text}" />

（我排除了一些属性以使示例更清晰）根据您希望其他文本框更新的时间，您可以将 UpdateSourceTrigger 添加到绑定中：

Text="{Binding ElementName=textBox, Path=Text, UpdateSourceTrigger=PropertyChanged}"

Answer 2

还有一个很根本的原因是你需要清楚和理解在WPF中实际上最终目标是少用View编码的Code-Behind编码会更好，实际的做法是我们都倾向于使用Binding方式以更简洁的方式进行，并满足关键的可维护性、可测试性和可扩展性。我们不喜欢像普通应用程序实现模式这样的老式方式。而你反对这个概念。

在您的 MainWindow.xaml.cs（代码隐藏）[老方法]

private void textBox1_TextChanged(object sender, EventArgs e)
{
    textBox2.Text = textBox1.Text;
}

private void textBox_TextChanged(object sender, TextChangedEventArgs e)
{
    textBox1.Text = textBox.Text;
}

在你的MainWindow.xaml（视图）[老方法]

<Window x:Class="TextBoxTest.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:TextBoxTest"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <TextBox x:Name="textBox" HorizontalAlignment="Left" Height="23" Margin="212,77,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" TextChanged="textBox_TextChanged"/>
    <TextBox x:Name="textBox1" HorizontalAlignment="Left" Height="23" Margin="212,124,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>
</Grid>

截至由 ceciliaSHARP 回答并由 BDL 编辑

在您的 MainWindow.xaml.cs（代码隐藏）[WPF 方式]

[Say no no and bye bye to the TextChangedEvent]

在你的MainWindow.xaml（查看）[WPF 方式]

<Window x:Class="TextBoxTest.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:TextBoxTest"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBox x:Name="textBox" HorizontalAlignment="Left" Height="23" Margin="212,77,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" />
        <TextBox x:Name="textBox1" HorizontalAlignment="Left" Height="23" Margin="212,124,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding ElementName=textBox, Path=Text}" />
    </Grid>
</Window>

或第二个选项（WPF MVVM 方式没有"instantly changing event occurred"）

在MainWindow.xaml（视图）中与上面的部分略有不同。

    <TextBox HorizontalAlignment="Left" Height="23" Margin="212,77,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding Path=Text, Mode=TwoWay}" />
    <TextBox HorizontalAlignment="Left" Height="23" Margin="212,124,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding Path=Text, Mode=TwoWay}" />

添加新的模型代码SomeModelName.cs

using System.ComponentModel;

public class SomeModelName : INotifyPropertyChanged
{

    private string text;

    public string Text
    {
        set
        {
            if (text != value)
            {
                text = value;
                RaisePropertyChanged("Text");
            }
        }
    }

    // some other properties and methods might go here
    // ...

    public event PropertyChangedEventHandler PropertyChanged;

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

或第三个选项（WPF MVVM 方式 "instantly changing event occurred"），使用 UpdateSourceTrigger

在MainWindow.xaml（视图）中与上面的部分略有不同。

    <TextBox HorizontalAlignment="Left" Height="23" Margin="212,77,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding Path=Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
    <TextBox HorizontalAlignment="Left" Height="23" Margin="212,124,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding Path=Text, Mode=TwoWay}" />

我希望这能让你我自己明白。定义您自己的文本框行为完全取决于您...

WPF 中的文本框文本更改事件

Text Box Text Changed event in WPF

c#

wpf

textbox

winforms

textchanged