『原创』让.Net CF实现智能提示（AutoComplete）功能

前言

最近，一直在做Winform方面的开发，有一个公交信息查询的场景，用户在起始站输入框输入部分站点名称，系统能够自动给他建议和提示，类似Google中的自动补全、智能提示之类的功能，在Winform或者WebForm下，.Net都提供了不错的解决方案，甚至可以直接用Ajax中的AutoComplete控件。

但是，问题来了，这个功能要移植到WM平台，我们平常在使用WM手机都可以知道，输入是一件比较麻烦的事情，总是喜欢点点、滑滑、拖拖……反正就是不喜欢输入吧……平常查公交站点，在谷歌里面，都是输入几个关键字就能“被”补全，也许，我有时候都不记得站点的全名了>_<|||。

本想直接用Combox的，发现其没有自动补全功能，谷歌百度一把，发现没有太好的“轮子”，于是，我只有自己造一个带自动补全功能的Combox了。

正文

虽然没有正式的去研究过AutoComplete这个功能，不过，自己想想，也能山寨一个吧。我的思路如下：

1. 先把站点列表填充好，等待用户输入的关键词
2. 用户输入关键词，每输入一个字，进行站点列表遍历，查找符合条件的站点，并把它们加入“候补列表”
3. 用户可以通过Combox的下拉按钮展开Items，查看系统给出的“建议”站点
4. 用户修改关键词，系统重新比对、填充“候补列表”
5. 用户关键词越详细，候补列表越精确

有了思路，好像还不错，于是就开始Coding吧。和所有WM项目一样，在设计界面，拖放一个Combox控件到窗体内，并设置Combox的Dock为Top。就这么简单吧。当然，在这里，我们还是一切从简，我没有把站点数据库加载到程序中（实际上，客户下载了程序后，自带了一个SQLite数据库存储站点信息），各位看了我的代码，估计基本能够理解了吧。

定义两个泛型变量，用于存储List信息：

 

 1         /// <summary>
        /// 这个List用于存放站点列表，实际中
        /// 站点可能是字符串类型也可能是整型，视具体情况而定
        /// </summary>
         private List<string> liStops;
        /// <summary>
        /// 这个List用于存放候选的站点，也即自动补全的建议项
        /// 类似于google的候选项目
        /// </summary>
         private List<string> liSuggest;

 

 

关键的AutoComplete代码（个人感觉山寨到不行……cbInput为Combox控件）：

 1              /// <summary>
        /// 此方法用于自动补全Combox的Items，让Items的项目和用户输入的
        /// 关键字相匹配
        /// </summary>
        /// <param name="text">用户输入的关键字/词</param>
         private void FillListBox(string text)
        {

            foreach (string item in liStops)
            {
                if (item.IndexOf(text) > -1)//如果该站点包含关键词，则往候补Items中添加这个站点
                 {
                    liSuggest.Add(item);
                }
            }

            foreach (object obj in liSuggest)//把候补List中的项目填充到Combox中，让用户感觉是Combox自动完成填补
             {
                cbInput.Items.Add(obj.ToString());
            }
        }

 

然后，为Combox的KeyUp事件添加如下代码：

 

 1         private void cbInput_KeyUp(object sender, KeyEventArgs e)
        {
            liSuggest = new List<string>();
            liSuggest.Clear();//清空上一次的候补项目
 
            cbInput.Items.Clear();
            string text = null;
            switch (e.KeyCode)//获取本次用户按下的按钮code
             {
                case Keys.Left:
                case Keys.Up:
                case Keys.Right:
                case Keys.Down:
                case Keys.Delete:
                    return;
                default:
                    text = cbInput.Text.Trim();
                    FillListBox(text);
                    break;
            }
        }

 

注意，为了简化操作，我的站点列表在Form_Load事件中进行填充：

 

1              private void Form1_Load(object sender, System.EventArgs e)
        {
            liStops = new List<string>();
            for (int i = 0; i < 299; i++)//我定义了窗体Load时，填充站点List，实际中，我们需要选择最佳时机来填充这个List
             {
                liStops.Add(i.ToString());
            }
        }

 

Ok，至此，一个.Net CF版带AutoComplete功能的、山寨的Combox就实现了。效果如下，感觉还不错……

 

好了，演示结束，实际上，使用中发现，站点列表用什么方式、怎么放到Combox的Items中是一个很有意思的问题，它会影响到用户体验，比如动态加载的时候会有明显延时，都待大家讨论了哦……Jack就暂时先写到这里吧。

最后，推荐一篇老赵的文章《泛型真的会降低性能吗？》 虽然有点年头，不过，很值得一品！

也许，你也应该到这里看看dalelane朋友的这篇文章，也许，这就是正牌的AutoComplete了吧：http://dalelane.co.uk/blog/?p=166