WPF自动完成控件

简介:

代码:/Files/zhuqil/AutoComplete.zip

介绍:

     在WPF中缺少一个支持自动完成的控件,最接近的控件是ComboBox ,它也是实现本篇文章的一个基础控件。

背景:

     一个自动完成控件允许用户输入文本的时候,控件会尽可能的去查询出一个用户已经输入的文本选择项。最流行的自动完成处理是通过查询这个控件当前文本的开头部分。

它是如何运作:

下面是我们关心的一些ComboBox中的属性:
  • IsEditable- 这个允许用户在这个控件上输入文本。
  • StaysOpenOnEdit - 这个将强制ComboBox在输入时保持打开。
  • IsTextSearchEnabled - 这将使用ComboBox默认的自动完成的行为。

 

我们通过使用上面的属性结合一个控制延迟查询的时间,和允许用户附加新的数据源的事件,以及一些风格样式,来实现自动完成控件(AutoComplete.xaml.cs文件中)

 

使用这个控件

 

复制代码
< Window  x:Class ="Gui.TestWindow"
    xmlns
="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ctr
="clr-namespace:Gui.Controls"
      Title
="Auto Complete Test"  
      Height
="200"  Width ="300"  
      Loaded
="Window_Loaded" >
    
< StackPanel >
        
< StackPanel.Resources >
            
< ResourceDictionary 
              
Source ="/Gui.Controls;component/Styles/AutoComplete.Styles.xaml"   />
        
</ StackPanel.Resources >
        
        
< Label > Cities: </ Label >
        
< ctr:AutoComplete  x:Name ="autoCities"  
           SelectedValuePath
="CityID"  DisplayMemberPath ="Name"  
           PatternChanged
="autoCities_PatternChanged"  
           Style
=" {StaticResource AutoCompleteComboBox} "
           Delay
="500" />  
        
<!--  can also do binding on selected value  -->
    
</ StackPanel >
</ Window >
复制代码

 

类似一个combobox,自动完成控件利用DisplayMemberPath 和SelectValuePath 属性来绑定具体的数据源

复制代码
///   <summary>
///  occurs when the user stops typing after a delayed timespan
///   </summary>
///   <param name="sender"></param>
///   <param name="args"></param>
protected   void  autoCities_PatternChanged( object  sender, 
          Gui.Controls.AutoComplete.AutoCompleteArgs args)
{
    
// check
     if  ( string .IsNullOrEmpty(args.Pattern))
        args.CancelBinding 
=   true ;
    
else
        args.DataSource 
=  TestWindow.GetCities(args.Pattern);
}
复制代码

 

我们能利用PatternChanged事件来监听控件上当前输入数据的改变。

有趣的地方:

    利用MVVM模式能创建一个任何实体的视图模型,并将其绑定到具有突显属性的数据源上通过使用样式,这突显的部分将显示在下拉框中。

说明:

    代码很简单,很容易看懂。有任何问题请提出来改正,谢谢!红色部分是自己加的。




本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2009/12/15/1625048.html,如需转载请自行联系原作者

相关文章
|
7月前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
406 0
|
7月前
|
C#
浅谈WPF之装饰器实现控件锚点
使用过visio的都知道,在绘制流程图时,当选择或鼠标移动到控件时,都会在控件的四周出现锚点,以便于修改大小,移动位置,或连接线等,那此功能是如何实现的呢?在WPF开发中,想要在控件四周实现锚点,可以通过装饰器来实现,今天通过一个简单的小例子,简述如何在WPF开发中,应用装饰器,仅供学习分享使用,如有不足之处,还请指正。
155 1
|
C# Windows
WPF技术之RichTextBox控件
WPF RichTextBox是Windows Presentation Foundation (WPF)中提供的一个强大的文本编辑控件,它可以显示富文本格式的文本,支持多种文本处理操作。
621 0
|
4月前
|
开发框架 缓存 前端开发
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
|
4月前
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
122 1
|
4月前
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
218 1
|
4月前
|
C# 前端开发 UED
WPF数据验证实战:内置控件与自定义规则,带你玩转前端数据验证,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,数据验证是确保输入正确性的关键环节。前端验证能及时发现错误,提升用户体验和程序可靠性。本文对比了几种常用的WPF数据验证方法,并通过示例展示了如何使用内置验证控件(如`TextBox`)及自定义验证规则实现有效验证。内置控件结合`Validation`类可快速实现简单验证;自定义规则则提供了更灵活的复杂逻辑支持。希望本文能帮助开发者更好地进行WPF数据验证。
157 0
|
4月前
|
C# UED 定位技术
WPF控件大全:初学者必读,掌握控件使用技巧,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用程序开发中,控件是实现用户界面交互的关键元素。WPF提供了丰富的控件库,包括基础控件(如`Button`、`TextBox`)、布局控件(如`StackPanel`、`Grid`)、数据绑定控件(如`ListBox`、`DataGrid`)等。本文将介绍这些控件的基本分类及使用技巧,并通过示例代码展示如何在项目中应用。合理选择控件并利用布局控件和数据绑定功能,可以提升用户体验和程序性能。
92 0
|
4月前
|
开发框架 前端开发 JavaScript
WPF应用开发之控件动态内容展示
WPF应用开发之控件动态内容展示
|
4月前
|
开发框架 前端开发 JavaScript
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(3)--自定义用户控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(3)--自定义用户控件