为JTextField添加Auto Completion功能

应用软件常见的一个功能是输入框选项自动提示功能。比如Google的查询条件输入框。Google记录下用户经常查询的关键字。当用户输入时,它能根据 当前已经输入的字符过滤出相近的选项,放在弹出的下拉框中供选择。如果碰巧有用户想要查询的关键字,就可以

    应用软件常见的一个功能是输入框选项自动提示功能。比如Google的查询条件输入框。Google记录下用户经常查询的关键字。当用户输入时,它能根据 当前已经输入的字符过滤出相近的选项,放在弹出的下拉框中供选择。如果碰巧有用户想要查询的关键字,就可以从中直接选择,而不用继续输入。

    还有个常见的应用场景是文件选择框的文件名自动补齐提示功能。当选择文件时,如果文件夹中文件太多,可在文件名输入框中输入该文件名称头几个字符,文件对话框会自动过滤出符合条件的几个文件供选择。

  

    这是个相当贴心的功能,能极大提高软件的易用性和友好程度。不幸的是Swing JTextField并不支持这个功能。幸运的是Swing提供了实现所需的灵活框架,而且实现并不复杂。只要结合前面文章介绍的popup相关知识和对Swing事件的稍许了解,就可以实现这个功能。 

    实现这一功能的基本思想是侦听JTextField的Document事件,当输入框内的文字发生变化时,调用过滤器过滤出选项,将这些选项放在一个JList,将该JList添加到JPopupMenu显示出来。 

    这个实现要注意一下几点:

    1.显示选项下拉框时JTextField会失去焦点,因此必须在弹出选项框后,调用JTextField.requestFocus使其重新获得焦点,以便继续后面的键盘输入。

    2.为实现类似鼠标在菜单上的效果,要为JList添加鼠标处理器,动态检测鼠标位置,并设置当前选项。

    3.为使其支持键盘操作,包括上下箭头和Page Up/Down,要为JTextField添加KeyListener。注意虽然JList本身就支持键盘操作,但由于输入时焦点是在JTextField上,因此键盘操作不对JList起作用,所以需要为JTextField添加该处理器。

    4.为方便以后扩展,过滤器要使用接口的形式,以便应用程序编写自己的过滤器实现,并注册到该组件上。

    5.要提供显式激活选项下拉框的方法。本文演示的实现是用鼠标双击JTextField的方式,它根据当前JTextField的内容过滤选项并显示选项下拉框。

    本文演示程序实现该功能的组件是一个继承了JTextField的类dyno.swing.beans.AutoCompletionField。主要接口有两个: 

public void setFilter(CompletionFilter f)

    设置该输入框的过滤器。用户可以像编写Swing事件处理器一样编写实现CompletionFilter接口的过滤器。接口CompletionFilter的定义如下:

public interface CompletionFilter {
    ArrayList filter(String text);
}

    每次输入框内容发生变化,AutoCompletionField会调用filter方法,过滤出下拉框选项。返回的选项列表类型可以为任何引用类型。然后AutoCompletionField将这些选项添加到下拉框显示给用户。

    演示实现了一个缺省的过滤处理器,dyno.swing.beans.DefaultCompletionFilter,它使用字符串首匹配算法从一个Vector提供的选项列表中过滤所有的选项。 

public void setPopupPreferredHeight(int h)

       设置下拉框窗口的最佳高度。选项下拉框的宽度总是和输入框的宽度一致。

    使用该组件的样例代码如下:

        AutoCompletionField auto = new AutoCompletionField();

        Vector v=new Vector();
        File file=new File(System.getProperty("user.home"));
        String[]files=file.list();
        for(String filename:files)
            v.add(filename);
        auto.setFilter(new DefaultCompletionFilter(v));

        panel.add(auto);

    本文的演示使用类似上面代码模拟文件对话框的文件名过滤功能。当用户输入时,它根据输入过滤用户目录下相近文件名的列表,弹出下拉框供用户选择:

 

  本文的演示源码下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值