一、前言
又临近春节，作为屌丝的我，又要为车票发愁了。记得去年出现了各种12306的插件，最近不忙，于是也着手自己写个抢票插件，当是熟悉一下WinForm吧。小软件还在开发中，待完善后，也写篇博客与大家分享。今天我们的重点不是抢票软件，而是其中的一点功能。我们在买票的时候选站点的自动补全如下图：
这功能在WinForm里用什么控件来实现呢？
一、自带控件
WinForm里面的ComBoBox 和TextBox 其实是有自带的自动补全功能的，我们只需要将设置相应的属性：
1、将AutoCompleteSource属性设置为 ListItems 或 CustomerSource (textbox 没有 ListItems)
2、设置 AutoCompleteMode 自动完成样式属性设置，有三值 Suggest(显示相关下拉)、append(自动补全相关)、suggestappend(前两者的结合),这个可以自行试验下。
3、然后设置绑定 控件的 DataSource 或 AutoCompleteCustomSource。当AutoCompleteSource属性设置的是 CustomerSource 的时候我们需要绑定AutoCompleteCustomSource属性的值，值为一个string类型的数组：
this.cbbEndStation.AutoCompleteCustomSource.AddRange(new string[] { "站点1", "站点2", "站点3", "站点4" });
这样ComBoBox 和 TextBox 就有输入提示功能了。至此，不知道大家有没有发现问题，这里绑定的数据只有 显示的值，而没有 实际的值，一般像这种控件，我们都是有一个显示值和一个实际值的。有人可能会说，使用ComBoBox 控件，然后将AutoCompleteSource设置为ListItems，提示的就是DataSource里的值了，而DataSource是可以绑定 集合，设置DisplayMember和ValueMember的。是的，这样可以实现自动提示，并且也能在选中提示的某项时，取到显示的值和实际值。但是这种方式至少有两个缺点：
1、像购票的站点这种，数据量很大，有2k多条吧，你一次全绑定到ComboBox上？数据量太大，它没有提供相应的事件来过滤数据。
2、多种搜索方式怎么办？中文、拼音、实际值、都是是可以用来做输入提示的关键字的。
其实以上两点就是应为 没有提供相应的事件来处理“搜索”。
二、TextBox+ListBox 自定义AutoComplete
其实我可以用 TextBox来获得用户的输入，然后动态控制ListBox。下面就按我做的思路一步步来实现一个自定义AutoComplete。
1、监听 textbox的 keyUp事件，获得用户输入
1 /// <summary>2 /// 站点文本框 键盘按下松开事件3 /// </summary>4 /// <param name="sender"></param>5 /// <param name="e"></param>6 private void txtStation_KeyUp(object sender, KeyEventArgs e)7 {8 TextBox eObj = sender as TextBox; //事件源对象9 txtStation_Name = eObj; //当前事件出发对象10 if (eObj.Name == "txtStation_S_Name")11 {12 txtStation_Value = this.txtStation_S_Value; //保存值的textbox13 ltb_Stations = this.lb_Start_Stations; //始发站 展示数据的14 }15 else16 {17 //到站 控件18 txtStation_Value = this.txtStation_E_Value; //保存值的textbox19 ltb_Stations = this.lb_End_Stations; //始发站 展示数据的20 }21 //上下左右22 if (e.KeyCode == Keys.Up || e.KeyCode == Keys.Left)23 {24 if (ltb_Stations.SelectedIndex > 0)25 ltb_Stations.SelectedIndex--;26 }27 else if (e.KeyCode == Keys.Down || e.KeyCode == Keys.Right)28 {29 if (ltb_Stations.SelectedIndex < ltb_Stations.Items.Count - 1)30 ltb_Stations.SelectedIndex++;31 }32 //回车33 else if (e.KeyCode == Keys.Enter)34 {35 StationInfo info = ltb_Stations.SelectedItem as StationInfo;36 txtStation_Name.Text = info.StationName_CN;37 txtStation_Value.Text = info.StationValue;38 ltb_Stations.Visible = false;39 }40 else41 {42 43 if (txtStation_Name.Text != "")44 {45 IList<StationInfo> dataSource = StationInfo.GetStations(txtStation_Name.Text.Trim());46 if (dataSource.Count > 0)47 {48ltb_Stations.DataSource = dataSource;49ltb_Stations.DisplayMember = "StationName_CN";50ltb_Stations.ValueMember = "StationValue";51ltb_Stations.Visible = true;52 }53 else54ltb_Stations.Visible = false;55 }56 else57 {58 ltb_Stations.Visible = false;59 }60 }61 txtStation_Name.Select(txtStation_Name.Text.Length, 1); //光标定位到文本框最后62 }
View Code
2、监听 ListBox 控件的点击事件
1 /// <summary>2 /// 展示站点列表的listbox的点击事件，为了给textbox赋值3 /// </summary>4 /// <param name="sender"></param>5 /// <param name="e"></param>6 private void ListBox_StationDatas_Click(object sender, EventArgs e)7 {8 ListBox eObj = sender as ListBox;9 StationInfo info = eObj.SelectedItem as StationInfo;10 txtStation_Name.Text = info.StationName_CN;11 txtStation_Value.Text = info.StationValue;12 eObj.Visible = false;13 txtStation_Name.Select(txtStation_Name.Text.Length, 1); //光标定位到最后14 }
3、监听 ListBox 控件的鼠标移动事件
1/// <summary>2/// 展示站点列表的listbox, 鼠标在该控件上移动事件，3 /// 为了鼠标移动选项4 /// </summary>5 /// <param name="sender"></param>6 /// <param name="e"></param>7 private void ListBox_StationDatas_MouseMove(object sender, MouseEventArgs e)8 {9 ListBox eObj = sender as ListBox;10 eObj.SelectedIndex = eObj.IndexFromPoint(e.Location);11 }
以上三步就可以完成一个自定义 AutoComplete的功能了，为什么要叫自定义呢？因为我们在 监听 TextBox 的输入时，可以自定义搜索规则，还有我们可以将ListBox换成 DataGridView都是可以的，灵活性很大，只要按这个思路来就可以。
三、一些第三方控件
当然网络上也有一些非常好的类似AutoComplete的第三方控件，这里我就不一一列出来了，因为我没有找到合适的，呵呵！如果有人用过好的，欢迎在评论中分享，谢谢！
最后附上Demo的源码：点击这里下载！
demo截图：
如发现文中有误，或有更好的建议，欢迎指出！
