关于WPF中ComboBox文本查询功能

一种方法是使用事件(包括MVVM的绑定)

XML 复制代码
<ComboBox TextBoxBase.TextChanged="ComboBox_TextChanged" />

然而运行时就会发现,这个事件在疯狂的触发,很频繁

在实际应用中,如果关联查询数据库,网络吞吐什么的,就会卡顿

另一种方法是使用IsTextSearchEnabled属性,在文本框敲键盘会自动选择相关项

XML 复制代码
<ComboBox IsTextSearchEnabled="True" IsTextSearchCaseSensitive="False" TextSearch.TextPath="Name" />

然而又有新的问题,选择项不会显示到文本框(文本框仍然是键盘敲的内容,当然还可能跟Framework版本有关),于是我们需要更深入

试验数据含 3 个项

XML 复制代码
                    <ComboBox TextBoxBase.TextChanged="ComboBox_TextChanged">
                        <ComboBoxItem>啊啊啊</ComboBoxItem>
                        <ComboBoxItem>哦哦哦</ComboBoxItem>
                        <ComboBoxItem>呃呃呃</ComboBoxItem>
                    </ComboBox>

试验一:绑定 TextChanged 和 SelectionChanged 调试

cs 复制代码
        private void Combobox_TextChanged(object sender, TextChangedEventArgs e)
        {
            // e.OriginalSource == TextBox, e.Source == sender == Combobox
            var tb = e.OriginalSource as TextBox;
            var cb = e.Source as ComboBox;
            var cs = e.Changes.ToArray();
            int alen = -1, offs = -1, rlen = -1;
            if (cs.Length > 0) { alen = cs[0].AddedLength; offs = cs[0].Offset; rlen = cs[0].RemovedLength; }
            var str1 = TextSearch.GetText(cmbStudios);
            System.Diagnostics.Debug.Print($"TextBox.Text={tb.Text},ComboBox.Text={cb.Text},TextSearch.Text={str1},Action={e.UndoAction}, Changes={cs.Length}: [0]={
  
  {
  
  {alen},{offs},{rlen}}}\r\n");
        }
        private void Combobox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            var cb = e.Source as ComboBox;
            System.Diagnostics.Debug.Print($"ComboBox.Text={cb.Text},SelectedItem={cb.SelectedItem}\r\n");
        }

记录

cs 复制代码
TextBox.Text=a,ComboBox.Text=,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,0}
TextBox.Text=啊,ComboBox.Text=啊,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,1}
TextBox.Text=啊,ComboBox.Text=啊,TextSearch.Text=,Action=None, Changes=0: [0]={-1,-1,-1}
TextBox.Text=啊,ComboBox.Text=啊,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,1}
ComboBox.Text=啊,SelectedItem=啊啊啊
TextBox.Text=啊啊啊,ComboBox.Text=啊啊啊,TextSearch.Text=,Action=Create, Changes=1: [0]={3,0,1}

也就是选择项目正常设置Text属性,但是现在我们要让Text改变自动选择项目

试验二:启用IsTextSearchEnabled属性

cs 复制代码
TextBox.Text=a,ComboBox.Text=,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,0}
ComboBox.Text=,SelectedItem=啊啊啊
TextBox.Text=啊,ComboBox.Text=啊啊啊,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,1}
TextBox.Text=啊,ComboBox.Text=啊,TextSearch.Text=,Action=None, Changes=0: [0]={-1,-1,-1}
TextBox.Text=啊,ComboBox.Text=啊,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,1}
TextBox.Text=啊,ComboBox.Text=啊,TextSearch.Text=,Action=Create, Changes=1: [0]={1,0,1}

敲a一次,空格变成"啊"自动选择"啊啊啊"项目,然后就开始抽,完全看不到适当的介入时机

用过Win10的都知道,文件夹右上角的搜索框,能在输入法完成后才开始搜索,所以一定是可以实现的

换网,查英文资料发现Win11中有TextCompositionEnded事件,但是WPF中找不到,类似的TextCompositionManager外挂

实验三:启用TextComposition事件

XML 复制代码
<TextBox TextCompositionManager.TextInputStart="TextBox_TextInputStart" TextCompositionManager.TextInputUpdate="TextBox_TextInputUpdate" TextCompositionManager.TextInput="TextBox_TextInput" />

事件响应代码

cs 复制代码
        private void TextBox_TextInputStart(object sender, TextCompositionEventArgs e)
        {
            var tc = e.TextComposition;
            string text = $" CompositionText={tc.CompositionText},ControlText={tc.ControlText},ControlText={tc.SystemText},Text={tc.Text} ";
            System.Diagnostics.Debug.Print($"TextInputStart() ControlText={e.ControlText},SystemText={e.SystemText},Text={e.Text},TextComposition={
  
  {
  
  {text}}}\r\n");
        }
        private void TextBox_TextInputUpdate(object sender, TextCompositionEventArgs e)
        {
            var tc = e.TextComposition;
            string text = $" CompositionText={tc.CompositionText},ControlText={tc.ControlText},ControlText={tc.SystemText},Text={tc.Text} ";
            System.Diagnostics.Debug.Print($"TextInputUpdate() ControlText={e.ControlText},SystemText={e.SystemText},Text={e.Text},TextComposition={
  
  {
  
  {text}}}\r\n");
        }
        private void TextBox_TextInput(object sender, TextCompositionEventArgs e)
        {
            var tc = e.TextComposition;
            string text = $" CompositionText={tc.CompositionText},ControlText={tc.ControlText},ControlText={tc.SystemText},Text={tc.Text} ";
            System.Diagnostics.Debug.Print($"TextInput() ControlText={e.ControlText},SystemText={e.SystemText},Text={e.Text},TextComposition={
  
  {
  
  {text}}}\r\n");
        }

记录

cs 复制代码
TextInputStart() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=,ControlText=,ControlText=,Text= }
TextInputUpdate() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=a,ControlText=,ControlText=,Text= }
TextInputUpdate() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=啊,ControlText=,ControlText=,Text= }

没有TextInput事件!

英文资料显示,会依次触发 TextCompositionStarted、TextChanging、TextChanged、TextCompositionChanged、TextCompositionEnded 事件

思考是隧道事件的问题:

如上面提到的外挂,WPF中的控件其实都外挂的,而且还可以自己给现有的类添加属性、方法和事件(参考:Binding Property)

由于可以任意的排布所有的控件,因此事件的响应与传统的MFC控件就开始有差异

如图,如果鼠标点在2上,传统的事件会由2响应,容器1对此一无所知

这有什么问题?有没有问题就看你怎么看问题。

所谓路由事件是把响应规则扩展为3类:

1.直接事件:等同传统事件

2.冒泡事件:从內向外依次触发,直到Handled被设置

3.隧道事件:从外向内依次触发,直到Handled被设置,这样容器就有机会在内部控件之前做出响应,事件一般以Preview开头,常见的如多个带滚动条的控件互相包含

试验四:加入Preview事件

cs 复制代码
PreviewTextInputStart() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=,ControlText=,ControlText=,Text= }
TextInputStart() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=,ControlText=,ControlText=,Text= }
PreviewTextInputUpdate() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=a,ControlText=,ControlText=,Text= }
TextInputUpdate() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=a,ControlText=,ControlText=,Text= }
PreviewTextInputUpdate() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=啊,ControlText=,ControlText=,Text= }
TextInputUpdate() ControlText=,SystemText=,Text=,TextComposition={ CompositionText=啊,ControlText=,ControlText=,Text= }
PreviewTextInput() ControlText=,SystemText=,Text=啊,TextComposition={ CompositionText=,ControlText=,ControlText=,Text=啊 }

所有的都可以不管,只看PreviewTextInput检查Text属性就是输入法敲出完整的文本时

策略响应的也就简单了

1.加入一个Timer

2.在TextInput事件启动计时器,其它如Start和Update时停止计时器

3.计时器响应执行过滤逻辑,然后停止计时器

当然这是Windows文件搜索框的逻辑,也就是你敲键盘很快的话,中途不会执行搜索,你也可以根据需要进行调整,比如Start也开始计时器,如果Update过一段时间未触发,一样执行逻辑

相关推荐
玖笙&1 天前
✨WPF编程基础【2.1】布局原则
c++·wpf·visual studio
玖笙&1 天前
✨WPF编程基础【2.2】:布局面板实战
c++·wpf·visual studio
SEO-狼术1 天前
.NET WPF 数据编辑器集合提供列表框控件
.net·wpf
FuckPatience6 天前
WPF 具有跨线程功能的UI元素
wpf
诗仙&李白6 天前
HEFrame.WpfUI :一个现代化的 开源 WPF UI库
ui·开源·wpf
He BianGu6 天前
【笔记】在WPF中Binding里的详细功能介绍
笔记·wpf
He BianGu6 天前
【笔记】在WPF中 BulletDecorator 的功能、使用方式并对比 HeaderedContentControl 与常见 Panel 布局的区别
笔记·wpf
123梦野7 天前
WPF——效果和可视化对象
wpf
He BianGu7 天前
【笔记】在WPF中Decorator是什么以及何时优先考虑 Decorator 派生类
笔记·wpf
时光追逐者7 天前
一款专门为 WPF 打造的开源 Office 风格用户界面控件库
ui·开源·c#·.net·wpf