使 WPF 文本框绑定在每个新字符上触发

本文关键字:字符 新字符 文本 WPF 绑定 | 更新日期: 2023-09-27 18:34:16

如何在

文本框中键入新字符后立即进行数据绑定更新?

我正在学习 WPF 中的绑定,现在我陷入了一个(希望)简单的事情。

我有一个简单的 FileLister 类,您可以在其中设置 Path 属性,然后在您访问 FileNames 属性时为您提供文件列表。这是该类:

class FileLister:INotifyPropertyChanged {
    private string _path = "";
    public string Path {
        get {
            return _path;
        }
        set {
            if (_path.Equals(value)) return;
            _path = value;
            OnPropertyChanged("Path");
            OnPropertyChanged("FileNames");
        }
    }
    public List<String> FileNames {
        get {
            return getListing(Path);
        }
    }
    private List<string> getListing(string path) {
        DirectoryInfo dir = new DirectoryInfo(path);
        List<string> result = new List<string>();
        if (!dir.Exists) return result;
        foreach (FileInfo fi in dir.GetFiles()) {
            result.Add(fi.Name);
        }
        return result;
    }
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string property) {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null) {
            handler(this, new PropertyChangedEventArgs(property));
        }
    }
}

我在这个非常简单的应用程序中将FileLister用作静态资源:

<Window x:Class="WpfTest4.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WpfTest4"
    Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:FileLister x:Key="fileLister" Path="d:'temp" />
    </Window.Resources>
    <Grid>
        <TextBox Text="{Binding Source={StaticResource fileLister}, Path=Path, Mode=TwoWay}"
        Height="25" Margin="12,12,12,0" VerticalAlignment="Top" />
        <ListBox Margin="12,43,12,12" Name="listBox1" ItemsSource="{Binding Source={StaticResource ResourceKey=fileLister}, Path=FileNames}"/>
    </Grid>
</Window>

绑定正在工作。如果我更改文本框中的值,然后单击文本框外部,列表框内容就会更新(只要路径存在)。

问题是我想在键入新字符后立即更新,而不是等到文本框失去焦点。

我该怎么做?有没有办法直接在 xaml 中执行此操作,或者我是否必须处理框上的 TextChanged 或 TextInput 事件?

使 WPF 文本框绑定在每个新字符上触发

在文本框绑定中,您所要做的就是设置 UpdateSourceTrigger=PropertyChanged .

您必须将 UpdateSourceTrigger 属性设置为 PropertyChanged

<TextBox Text="{Binding Source={StaticResource fileLister}, Path=Path, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
         Height="25" Margin="12,12,12,0" VerticalAlignment="Top"/>

如果没有 C#,在 XAML 中对于文本框就足够了,而不是对于类。因此,监视 TextBlock 的属性,其中 TextBox 的写入长度:装订文本.长度

<StackPanel>
  <TextBox x:Name="textbox_myText" Text="123" />
  <TextBlock x:Name="tblok_result" Text="{Binding Text.Length, ElementName=textbox_myText}"/>
</StackPanel>

突然,滑块和关联的文本框之间的数据绑定出现了麻烦。最后我找到了原因,可以解决它。我使用的转换器:

using System;
using System.Globalization;
using System.Windows.Data;
using System.Threading;
namespace SiderExampleVerticalV2
{
    internal class FixCulture
    {
        internal static System.Globalization.NumberFormatInfo currcult
                = Thread.CurrentThread.CurrentCulture.NumberFormat;
        internal static NumberFormatInfo nfi = new NumberFormatInfo()
        {
            /*because manual edit properties are not treated right*/
            NumberDecimalDigits = 1,
            NumberDecimalSeparator = currcult.NumberDecimalSeparator,
            NumberGroupSeparator = currcult.NumberGroupSeparator
        };
    }
    public class ToOneDecimalConverter : IValueConverter
    {
        public object Convert(object value,
            Type targetType, object parameter, CultureInfo culture)
        {
            double w = (double)value;
            double r = Math.Round(w, 1);
            string s = r.ToString("N", FixCulture.nfi);
            return (s as String);
        }
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            string s = (string)value;
            double w;
            try
            {
                w = System.Convert.ToDouble(s, FixCulture.currcult);
            }
            catch
            {
                return null;
            }
            return w;
        }
    }
}

在 XAML 中

<Window.Resources>
    <local:ToOneDecimalConverter x:Key="ToOneDecimalConverter"/>
</Window.Resources>

进一步定义的文本框

<TextBox x:Name="TextSlidVolume"
    Text="{Binding ElementName=SlidVolume, Path=Value,
        Converter={StaticResource ToOneDecimalConverter},Mode=TwoWay}"
/>