【Swing 5】文本框的点击清除和按键清除

　　这个小小的点击事件，也让我想了一个晚上，不禁让我怀疑我的脑袋装的到底是什么。由于经验不足，

所以可能采用的方法不是最优解。大家将就着参考下。大概的效果如下，什么？别想歪了，我说的是文本

框的点击清除，不是那个华丽的界面。(Swing快哭了 Q~Q)

 

 

1. 先来写好一个基本的界面，为了节省空间。这里就不设置按钮了。

package demo;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class T1 {
    public static void main(String[] args) {
        T1 t = new T1();
        t.buildGui();
    }
    public void buildGui() {
        JFrame f = new JFrame("登录界面");
        
        JPanel userPanel = new JPanel();
        JTextField userText = new JTextField(10); // 设置字宽为10而不是10像素
        userText.setText("QQ号码/手机/邮箱");      // 设置文本框的提示信息 
        userText.setForeground(Color.lightGray);  // 设置前景色为浅灰色(提示信息的颜色)
        userPanel.add(new JLabel("用户："));
        userPanel.add(userText);
        
        JPanel passPanel = new JPanel();
        JTextField passText = new JTextField(10);
        passText.setText("密码");
        passText.setForeground(Color.lightGray);
        passPanel.add(new JLabel("密码："));
        passPanel.add(passText);
        
        f.add("North", userPanel);
        f.add("Center", passPanel);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 当界面关闭时结束javaw.exe进程
        f.setSize(400, 300);                              // 设置界面为400x300像素(长x宽)
        f.setVisible(true);                                  // 设置界面可见性, 少了这句或设为false窗口不显示
    }
}

 

2. 接下来就是让焦点转移，昨晚一直以为要点击才能。后来发现按Tab键也能清除。

　 所以才知道不是使用鼠标事件的方法

package demo;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class Test {
    JTextField userText;
    JTextField passText;
    public static void main(String[] args) {
        Test t = new Test();
        t.buildGui();
    }
    public void buildGui() {
        JFrame f = new JFrame("登录界面");
        
        JPanel userPanel = new JPanel();
        userText = new JTextField(10);            // 设置字宽为10而不是10像素
        userText.setText("QQ号码/手机/邮箱");      // 设置文本框的提示信息 
        userText.setForeground(Color.lightGray);  // 设置前景色为浅灰色(提示信息的颜色)

        userPanel.add(new JLabel("用户："));
        userPanel.add(userText);
        
        JPanel passPanel = new JPanel();
        passText = new JTextField(10);
        passText.setText("密码");
        passText.setForeground(Color.lightGray);
        
        passPanel.add(new JLabel("密码："));
        passPanel.add(passText);
        
        f.add("North", userPanel);
        f.add("Center", passPanel);
        
        f.setFocusable(true);           // 由于焦点默认是在第一个文本框上的, 所以这里把它弄掉
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 当界面关闭时结束javaw.exe进程
        f.setSize(400, 300);                               // 设置界面为400x300像素(长x宽)
        f.setVisible(true);                 // 设置界面可见性, 少了这句或设为false窗口不显示
        
        /*添加一个循环, 首先判断焦点(鼠标光标)是否在文本框上,
        如果焦点在文本框上, 且内容不是自己输入的话(还是提示信
        息), 如果不在, 则再进一步判断该文本框是否存在信息, 若
        为空,则恢复提示信息*/
        while (true) {
            if (userText.hasFocus()) {
                if (userText.getText().equals("QQ号码/手机/邮箱")) {
                    userText.setText("");
                }
            }
            else {
                if (userText.getText().equals("")) {
                    userText.setText("QQ号码/手机/邮箱");
                }
            }
            
            if (passText.hasFocus()) {
                if (passText.getText().equals("密码")) {
                    passText.setText("");
                }
            }
            else {
                if (passText.getText().equals("")) {
                    passText.setText("密码");
                }
            }
        }
    }
}

点击清除提示信息

由于焦点默认是在第一个文本框上的，所以在代码中，我们把它取消掉。

Ok，开始执行，一开始出现如下界面。提示用户要输入的内容~

 

点击后提示信息消失, 一切搞定！

 

方法2 

2/14号晚上, 在网上偶然发现了原来还有已经写好的接口可以用的。(Q^Q) 就是和上

面我们写的循环类似, 不过这次是实现FocusListener接口的两个方法。获得焦点的方

法(focusGained(FocusEvent e))和失去焦点的方法(focusLost(FocusEvent e))~

package demo;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class Test {
    JTextField userText, passText;
    
    public static void main(String[] args) {
        Test t = new Test();
        t.buildGui();
    }
    
    public void buildGui() {
        JFrame f = new JFrame("设置");
        
        JPanel userPanel = new JPanel();
        userText = new JTextField(10);
        userText.setText("QQ号码/手机/邮箱");
        userText.setForeground(Color.lightGray);
        userText.addFocusListener(new UserTextClickClearListener());
        
        userPanel.add(new JLabel("用户: "));
        userPanel.add(userText);
        
        JPanel passPanel = new JPanel();
        passText = new JTextField(10);           // 设置字宽为10而不是10像素
        passText.setText("密码");                 // 设置文本框的提示信息 
        passText.setForeground(Color.lightGray); // 设置前景色为浅灰色(提示信息的颜色)
        passText.addFocusListener(new PassTextClickClearListener());
        
        passPanel.add(new JLabel("密码: "));
        passPanel.add(passText);
        
        f.add("North", userPanel);
        f.add("Center", passPanel);
        f.setFocusable(true);             // 由于焦点默认是在第一个文本框上的, 所以这里把它弄掉
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 当界面关闭时结束javaw.exe进程
        f.setSize(400, 300);                               // 设置界面为400x300像素(长x宽)
        f.setVisible(true);                 // 设置界面可见性, 少了这句或设为false窗口不显示
        
    }
    
    /*实现FocusListener接口的方法, 重载focusGained()方法,当获得焦点时, 
    判断文本框的内容是否仍然是提示信息, 而不是用户输入信息, 如是, 则清除,
    重载focusLost()方法, 当失去焦点时, 判断文本框是否为空, 是就恢复提示*/
    class UserTextClickClearListener implements FocusListener {
        public void focusGained(FocusEvent e) {
            if (userText.getText().equals("QQ号码/手机/邮箱")) {
                userText.setText("");
            }
        }
        public void focusLost(FocusEvent e) {
            if (userText.getText().equals("")) {
                userText.setText("QQ号码/手机/邮箱");
            }
        }
    }
    
    class PassTextClickClearListener implements FocusListener {
        public void focusGained(FocusEvent e) {
            if (passText.getText().equals("密码")) {
                passText.setText("");
            }
        }
        public void focusLost(FocusEvent e) {
            if (passText.getText().equals("")) {
                passText.setText("密码");
            }
        }
    }
}

版本2

 

3. 版本二是使用键盘实现文本框的提示信息清除，这自然要用到键盘事件的方法。

 2/15号，也是晚上，这个问题终于解决了，如释重负。去沿江路兜了一圈才骑车回来。

现在又是一个深夜，万籁俱寂的时候。

2/17生病，头重重的，中断了

2/18好的七七八八了，想到了个有bug的版本

问题1: 

【不让光标移动可以理解为一直把它固定在位置0处】

// 当没输入信息时，不让光标移动

if (userText.getText().equals("QQ号码/手机/邮箱")) {
    userText.setCaretPosition(0);
}

问题2: 

【记得一并把提示信息的颜色(前景色)恢复】

// 清空内容时，恢复提示信息, 注意: 提示信息的颜色和用户输入信息的颜色是不一样的

if (userText.getText().equals("") {
    userText.setText("QQ号码/手机/邮箱");
    userText.setForeground(Color.lightGray);
}

问题3: