带提示的JTextField之二

rcyl2003

关注

转载最新推荐文章于 2025-10-03 07:00:00 发布 1.7k 阅读 AI 写同款· GEO 优化 ›

转自一文online 昨天我们给JTextField增加了一个泡泡提示窗口，今天我们继续昨天的，首先处理在显示泡泡的时候忽略输入的Backspace、Enter、 Delete、Esc按键，然后加上错误的时候的声音提示，最后再给JTextField换装备，让它看起来像MSN 8.5beta的输入框，还是先放上图片：

这幅图是MSN的输入框，输入框的内部到光标有一部分是有点毛玻璃的感觉，不过这个style是死的，我们改进一下，我们的JTextField在输入之前是看似普通的，在鼠标放上去之后，看起来就与MSN的输入框类似了，而且我们还给这个输入框加入一个淡黄色的背景。

好了，现在很明确要做的事情了
1. 加入鼠标事件监听器，监听MouseEnter和MouseExit事件，根据这个两个事件设置不同的背景色和边框
2. 做一个能够显示毛玻璃效果的边框

以下是边框的代码和部分MyJTextField的代码，完整的代码待我会打包传上来的
MyJTextField.java
在初始化组件的时候加上Border的初始化：

        hoverBorder = new CoolBorder(HOVER_BORDER_COLOR, 3 );
        border = BorderFactory.createCompoundBorder( new LineBorder(
                BORDER_COLOR, 1 ), new EmptyBorder( new Insets( 2 , 2 , 2 , 2 )));

        setBackground(BACKGROUND_COLOR);
        setBorder(border);

和事件的初始化：

        addMouseListener( new MouseAdapter() {
            @Override
             public void mouseEntered(MouseEvent e) {
                setBorder(hoverBorder);
                setBackground(HOVER_BACKGROUND_COLOR);
                repaint();
            }

            @Override
             public void mouseExited(MouseEvent e) {
                setBorder(border);
                setBackground(BACKGROUND_COLOR);
                repaint();
            }
        });

以及屏蔽功能性按钮和发出声音提示的代码：

addKeyListener( new KeyAdapter() {
            @Override
             public void keyTyped(KeyEvent e) {
                 char input = e.getKeyChar();
                 // ESC27 ,Backspace 8 ,Enter 10, Del 127, must ignore
                 boolean ignoreInput = input == ( char ) KeyEvent.VK_ESCAPE
                         || input == ( char ) KeyEvent.VK_BACK_SPACE
                         || input == ( char ) KeyEvent.VK_ENTER
                         || input == ( char ) KeyEvent.VK_DELETE;
                 if (ignoreInput) {
                    limitTip.setVisible( false );
                    numberTip.setVisible( false );
                     return ;
                }
                 if (getText().length() + 1 > limit) {
                    Toolkit.getDefaultToolkit().beep();
                    deleteInputChar(e);
                    limitTip.setVisible( true );
                     return ;
                } else {
                    limitTip.setVisible( false );
                }
                 if (numberOnly) {
                     if ( ! Character.isDigit(input)) {
                        numberTip.setVisible( true );
                        Toolkit.getDefaultToolkit().beep();
                        deleteInputChar(e);
                    } else {
                        numberTip.setVisible( false );
                    }
                }
            }

             private void deleteInputChar(KeyEvent source) {
                source.setKeyChar(( char ) KeyEvent.VK_CLEAR);
            }
        });

下面是Border的完整代码：

1 /**
2 * @(#)CoolBorder.java  0.1.2  2007-9-10
3 */
4 package ruislan;
5
6 import java.awt.Color;
7 import java.awt.Component;
8 import java.awt.Dimension;
9 import java.awt.GradientPaint;
10 import java.awt.Graphics;
11 import java.awt.Graphics2D;
12 import java.awt.Insets;
13
14 import javax.swing.border.Border;
15
16 /**
17 * Custom Border.
18 *
19 * @version 0.1.2, 2007-9-10
20 * @author ruislan <a href="mailto:z17520@126.com"/>
21 */
22 public class CoolBorder implements Border {
23      private int thickness;
24      private Insets insets;
25      private Dimension lastComponentSize;
26      private Color color;
27      private Color color2;
28
29      public CoolBorder(Color color, int thickness) {
30          this .color = color;
31          if (color == null ) {
32              this .color = color = Color.gray;
33         }
34         color2 = new Color( 210 , 210 , 210 , 0 );
35          this .thickness = thickness;
36     }
37
38     @Override
39      public Insets getBorderInsets(Component c) {
40         Dimension currentComponent = c.getSize();
41
42          if (currentComponent.equals(lastComponentSize)) {
43              return insets;
44         }
45
46         insets = new Insets(thickness, thickness, thickness, thickness);
47         lastComponentSize = currentComponent;
48          return insets;
49     }
50
51     @Override
52      public boolean isBorderOpaque() {
53          return true ;
54     }
55
56     @Override
57      public void paintBorder(Component c, Graphics g, int x, int y, int width,
58              int height) {
59         Graphics2D g2d = (Graphics2D) g.create();
60          // 画上边缘
61         GradientPaint gp = new GradientPaint(x, y, color, x, y + thickness,
62                 color2);
63         g2d.setPaint(gp);
64         g2d.fillRect(x, y, width, thickness);
65          // 画下边缘
66         gp = new GradientPaint(x, y + height - thickness - 1 , color2, x, y
67                  + height, color);
68         g2d.setPaint(gp);
69         g2d.fillRect(x, y + height - thickness - 1 , width, thickness);
70          // 画左边缘
71         gp = new GradientPaint(x, y, color, x + thickness, y, color2);
72         g2d.setPaint(gp);
73         g2d.fillRect(x, y, thickness, height);
74          // 画右边缘
75         gp = new GradientPaint(x + width - thickness - 1 , y, color2, x + width,
76                 y, color);
77         g2d.setPaint(gp);
78         g2d.fillRect(x + width - thickness - 1 , y, thickness, height);
79          // 画外框
80         g2d.setPaint(color);
81         g2d.drawRect(x, y, width - 1 , height - 1 );
82         g2d.dispose();
83     }
84
85 }
86

然后来欣赏我们的结果吧：

鼠标放上去之前

鼠标放上去之后

我们输入了不是数字的字符

至此，我们的JTextField又向前走了一步，下次我们还能如何改进呢？把JTextField这个死板的长方形改造成云状的或者其他形状的？

附源代码下载地址：http://www.blogjava.net/Files/ruislan/myjtextfield.zip

posted on 2007-09-10 13:21 ruislan 阅读(490) 评论(1) 编辑收藏

FeedBack:

# re: 带提示的JTextField之二 2007-12-18 20:52 zhouyishen@gxlu.com.cn

你好！！
　　　我在网上看到你这个textField的例子真的好震撼哦．．．．崇拜一把

不过还是有点小问题，　你给textField定位的时候，　
private void determineAndSetLocation() {
Point location = attachedComponent.getLocation();
setBounds(location .x, location .y - getPreferredSize().height,
getPreferredSize().width, getPreferredSize().height);
}

但是目前您的这个ＸＹ只是textField相对于他父panel的ＸＹ，但是你要show在layeredPane．

如果这个textField在多层panel里面的话，这样计算就不对．　　所以你的location应该是textfield相对于layeredPane的ＸＹ才对

所以这里我想改一下　但是我不知道如何得到textField相对于layeredPane的Ｘ和Ｙ呢？
我只想到一个相当笨的方法，　不断getParent()后在把所以ＸＹ相加，　不知道还有其他方法吗？

收录于