• WPF控件开发(2) 自动完成(AutoComplete)-1


    自动完成功能使用范围很广,多以TextBox或ComboBox的形式出现,在输入的同时给予候选词,候选词一般有两种方式获取。

    • 一种类似Baidu,Google,Bing之类的搜索引擎所用的直接给予前十个候选词,或者VS等IDE的自动完成,这种多以文本输入为准,候选词只作为·候选·所用;
    • 较之第一种,管理类软件中可能会以筛选的形式出现。与第一种不同之处,就是这里可能注重的是选择一条数据,输入的文本只是用来·筛选·。

    由此可看出,自动完成功能,就是为了提高用户体验,如果稍稍留心,会发现我们使用操作系统,软件,浏览器的时候,有各式各样的自动完成功能。

    百度首页


    我本想只做一个简单的例子,不涉及界面部分,但是一时兴起,做了一个山寨版的百度首页,界面费了不少时间。

    由于这里使用的是TextBox,所以重写了TextBox的模板,给里面放了一个Popup一个ListBox,然后对一些键盘鼠标事件进行操作,基本不难理解,至于Suggestion服务,就是解析json对象的问题,这里用现成的东西。

    public string[] GetItems(string textPattern)
    {
        string _uriFormat = @"http://suggestion.baidu.com/su?wd={0}";
        WebRequest request = null;
        WebResponse response = null;
        try
        {
            var uri = new Uri(string.Format(_uriFormat, HttpUtility.UrlEncode(textPattern)));
            request = WebRequest.Create(uri);
            try
            {
                response = request.GetResponse();
            }
            catch
            {
                return null;
            }
            object[] jsonResult;
            using (var stream = response.GetResponseStream())
            {
                var reader = new StreamReader(stream, Encoding.Default);
                var json = reader.ReadToEnd();
                Regex rege = new Regex(@"s:([.*])");
                var mat = rege.Match(json).Groups[1];
                jsonResult = _jsonSerializer.DeserializeObject(mat.Value) as object[];
            }
            return jsonResult.Cast<string>().ToArray();
        }
        finally
        {
            if (response != null)
            {
                response.Close();
            }
            if (request != null)
            {
                request.Abort();
            }
        }
    }

    输入缓冲


    关于输入缓冲,早在做ComboBox的时候就需要。
    所谓输入缓冲,在这里的意思就是不在每次文本改变的时候去根据输入查询,而是有一定的缓冲,因为可能我需要的是12306,而不是123的结果。

    当然,实现方式也有很多,这里我只是使用了Timer实现。

    _interval.Elapsed += (s1, e1) =>
    {
        _interval.Stop();
        _isKeyEvent = false;
        string input = string.Empty;
        txtSearch.Dispatcher.Invoke(new Action(() => input = txtSearch.Text));
        var lst = GetItems(input);
        _listSuggestion.Dispatcher.Invoke(new Action(() => _listSuggestion.ItemsSource = lst));
        _popupSuggestion.Dispatcher.Invoke(new Action(() => _popupSuggestion.IsOpen = lst.Length > 0));
    };

    其实就是将原本在TextChanged事件处理函数里的代码挪到Elapsed事件里面来,TextChanged里面只需要判断是否是键盘输入,是的话就让他重置一次:

    if (_isKeyEvent)
    {
        _interval.Stop();
        _interval.Start();
    }

    所遇问题


    我曾经在一篇介绍ComboBox的博客中说了使用ComboBox做自动完成功能时遇到的问题,这次与ComboBox自是不相同,但是也遇到不少问题。

    1. Popup,ListBox与TextBox操作出现的问题
    2. Popup展开时切换窗口
    3. 鼠标选择ListBox某一条
    4. 逻辑焦点在ListBox,输入焦点在TextBox上

    其实与其把这些说成WPF的问题,不如说是WPF灵活的一种表现,所幸这些常见的问题都有相应的解决方案。

    看源码学习确实很好,但是往往源码过于复杂,根本无从看起,这时候就应该以最小功能去实现,然后碰到问题看他人是如何解决。
    其实软件发展到今天,很多东西早有人已经实现,认认真真看完一篇宏伟的工程,有时比自己一个劲的瞎琢磨要好的多。

  • 相关阅读:
    Vue模板
    一个人的旅行
    o2o家庭助手demo
    学习html5 app项目开发
    我最近的一段时间技术总结
    我最近的工作、生活状态
    swift学习初步(四)-- 函数
    swift学习初步(三)--控制流操作
    swift学习(二)--基本运算符、字符串、集合操作
    Swift学习初步(一)
  • 原文地址:https://www.cnblogs.com/nanqi/p/wpf-control-autocomplete-1.html
Copyright © 2020-2023  润新知