模拟QQ登录-课后程序(JAVA基础案例教程-黑马程序员编著-第十一章-课后作业)

【案例11-3】模拟QQ登录

【案例介绍】

1.案例描述

QQ是现实生活中常用的聊天工具，QQ登录界面看似小巧、简单，但其中涉及的内容却很多，对于初学者练习Java Swing工具的使用非常合适。本案例要求使用所学的Java Swing知识，模拟实现一个QQ登录界面。

2.运行结果

运行结果

【案例分析】

（1）首先，需要定义一些成员变量，如最小化、关闭、账号、密码、头像等，方便响应的逻辑实现。

（2）由于需要对账号、密码、头像等进行布局，故需要先对这些对象进行实例化。

（3）在对需要用到的文本框、图片等对象进行实例化过后，可以使用对象.setBounds()设置文本框、图片等组件的位置。

（4）接下来，对最小化、关闭、账号、密码、头像等添加监听事件。同时，对窗体也添加窗体拖动监听事件。

（5）最后，为最小化、关闭等编写点击时的执行逻辑。为账号、密码等设置点击、悬停等执行逻辑。

【案例实现】

package chapter1103;
import java.awt.Color;
import java.awt.Cursor;
import java.awt.Font;
import java.awt.Point;
import java.awt.Toolkit;
import java.awt.event.FocusEvent;
import java.awt.event.FocusListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
import javax.swing.JTextField;
public class Login extends JFrame implements MouseListener {
JLabel bacgrangd, jan,bi,QQ,qq,tu;//gif,最小化,关闭,logo,QQ,头像
JLabel an1, an2, lie1, lie2;// 暗色块|线
JTextField user;// 账号
JPasswordField pass;// 密码
JPanel bgcolor;// 白
JLabel su1, mi1, ku1, ku2, gou1, gou2;// 缩略图
JLabel text1, text2, text3, text4, text5;//自动登录,记住密码,找回
//密码,注册账号,登录
static Point origin = new Point();// 变量，用于可拖动窗体
int a = 0, b = 0, c = 0, d = 0;// 控制线
int f = 0, g = 0, h = 0, j = 0;// 控制√
JLabel submit, ma;// 背景
public Login() {
//实例化
bacgrangd = new JLabel(new ImageIcon("images/1.gif"));
jan = new JLabel(new ImageIcon("images/最小化.png"));
bi = new JLabel(new ImageIcon("images/关闭.png"));
QQ = new JLabel(new ImageIcon("imagesqq.png"));
qq = new JLabel("QQ");
an1 = new JLabel();
an2 = new JLabel();// 暗调
tu = new JLabel(new ImageIcon("images/头像.png"));
user = new JTextField();
pass = new JPasswordField();
su1 = new JLabel(new ImageIcon("images/qq (1).png"));
mi1 = new JLabel(new ImageIcon("images/密码.png"));
lie1 = new JLabel(new ImageIcon("images/直线2.png"));
lie2 = new JLabel(new ImageIcon("images/直线2.png"));
bgcolor = new JPanel();
ku1 = new JLabel(new ImageIcon("images/框框.png"));
ku2 = new JLabel(new ImageIcon("images/框框.png"));
gou1 = new JLabel(new ImageIcon("images/对勾.png"));
gou2 = new JLabel(new ImageIcon("images/对勾.png"));
text1 = new JLabel("自动登录");
text2 = new JLabel("记住密码");
text3 = new JLabel("找回密码");
text4 = new JLabel("注册账号");
text5 = new JLabel("登录");
submit = new JLabel();
ma = new JLabel(new ImageIcon("images/二维码.png"));
//位置
bacgrangd.setBounds(-35, -123, 500, 250);
jan.setBounds(364, 2, 32, 32);
bi.setBounds(396, 3, 32, 32);
QQ.setBounds(10, 10, 32, 32);
qq.setBounds(50, 5, 45, 45);
an1.setBounds(361, 0, 35, 35);
an2.setBounds(395, 0, 35, 35);
tu.setBounds(170, 80, 90, 85);
user.setBounds(130, 160, 180, 40);
pass.setBounds(130, 200, 180, 40);
su1.setBounds(100, 170, 20, 20);
mi1.setBounds(100, 210, 20, 20);
lie1.setBounds(100, 190, 240, 10);
lie2.setBounds(100, 230, 240, 10);
bgcolor.setBounds(0, 125, 500, 300);
ku1.setBounds(100, 250, 20, 20);
ku2.setBounds(190, 250, 20, 20);
gou1.setBounds(106, 255, 10, 10);
gou2.setBounds(196, 255, 10, 10);
text1.setBounds(125, 250, 80, 20);
text2.setBounds(215, 250, 80, 20);
text3.setBounds(288, 250, 80, 20);
text4.setBounds(15, 300, 80, 20);
text5.setBounds(206, 285, 80, 20);
submit.setBounds(100, 280, 242, 35);
ma.setBounds(385, 290, 30, 30);
//属性
qq.setFont(new Font("微软雅黑", 1, 25));
qq.setForeground(Color.white);
an1.setBackground(new Color(0, 0, 0, 0.3f));
an2.setBackground(new Color(0, 0, 0, 0.3f));
bgcolor.setBackground(new Color(255, 255, 255));
user.setForeground(Color.gray);
user.setText("QQ号码/手机/邮箱");
user.setOpaque(false);// 透明背景
user.setBorder(null);// 去掉边框
// 框内文字样式
user.setFont(new Font("微软雅黑", Font.PLAIN, 16));
// 框内文字样式
pass.setFont(new Font("微软雅黑", Font.PLAIN, 16));
pass.setBorder(null);// 去掉边框
pass.setOpaque(false);// 透明背景
pass.setForeground(Color.gray);
pass.setText("密码");
pass.setEchoChar((char) 0);// 让密码显示出来
text1.setFont(new Font("微软雅黑", 0, 12));
text2.setFont(new Font("微软雅黑", 0, 12));
text3.setFont(new Font("微软雅黑", 0, 12));
text4.setFont(new Font("微软雅黑", 0, 12));
text5.setFont(new Font("微软雅黑", 0, 15));
text1.setForeground(new Color(170, 170, 170));
text2.setForeground(new Color(170, 170, 170));
text3.setForeground(new Color(170, 170, 170));
text4.setForeground(new Color(170, 170, 170));
text5.setForeground(Color.white);
gou1.setVisible(false);
gou2.setVisible(false);
submit.setBackground(new Color(5, 186, 251));
submit.setOpaque(true);
text3.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));
text4.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));
//事件区域
jan.addMouseListener(this);
bi.addMouseListener(this);
user.addMouseListener(this);
pass.addMouseListener(this);
text1.addMouseListener(this);
text2.addMouseListener(this);
text3.addMouseListener(this);
text4.addMouseListener(this);
ku1.addMouseListener(this);
ku2.addMouseListener(this);
submit.addMouseListener(this);
ma.addMouseListener(this);
this.addMouseListener(this);
// 窗体拖动事件
this.addMouseMotionListener(new MouseMotionListener() {
public void mouseMoved(MouseEvent e) {
}
public void mouseDragged(MouseEvent e) {
Point p = getLocation();
setLocation(p.x + e.getX()-origin.x, p.y + e.getY()-origin.y);
}
});
user.addFocusListener(new FocusListener() {
public void focusLost(FocusEvent e) {// 失去焦点
su1.setIcon(new javax.swing.ImageIcon("images/qq (1).png"));
lie1.setIcon(new javax.swing.ImageIcon("images/直线2.png"));
c = 0;
// 判断是否为空（为了设置默认提示语）
if (user.getText().isEmpty()) {
user.setForeground(Color.gray);
user.setText("QQ号码/手机/邮箱");
}
}
// 得到焦点
public void focusGained(FocusEvent e) {
user.setForeground(Color.black);
lie1.setIcon(new javax.swing.ImageIcon("images/直线3.png"));
a = 1;
c = 1;
b = 0;
su1.setIcon(new javax.swing.ImageIcon("images/qq(2).png"));
if (user.getText().equals("QQ号码/手机/邮箱")) {
user.setText("");
} else {
user.setText(user.getText());
user.selectAll();
}
}
});
pass.addFocusListener(new FocusListener() {
// 失去焦点
public void focusLost(FocusEvent e) {
// 失去焦点换图片
lie2.setIcon(new javax.swing.ImageIcon("images/直2.png"));
mi1.setIcon(new javax.swing.ImageIcon("images/密码.png"));
d = 0;
if (pass.getText().isEmpty()) {
pass.setForeground(Color.gray);
pass.setText("密码");
pass.setEchoChar((char) 0);// 让密码显示出来
}
}
public void focusGained(FocusEvent e) {// 得到焦点
mi1.setIcon(new javax.swing.ImageIcon("images/密码"+
" (1).png"));
lie2.setIcon(new javax.swing.ImageIcon("images/直线"+
"3.png"));
b = 1;
a = 0;
d = 1;
pass.setForeground(Color.black);
pass.setEchoChar('*');// 让用户输入看不见
if (pass.getText().equals("密码")) {
pass.setText("");
} else {
pass.setText(pass.getText());
}
}
});
this.setLayout(null);// 布局
this.add(jan);
this.add(bi);
this.add(qq);
this.add(QQ);
this.add(an1);
this.add(an2);
this.add(tu);
this.add(lie1);
this.add(lie2);
this.add(user);
this.add(pass);
this.add(su1);
this.add(mi1);
this.add(gou1);
this.add(gou2);
this.add(ku1);
this.add(ku2);
this.add(text1);
this.add(text2);
this.add(text3);
this.add(text4);
this.add(text5);
this.add(submit);
this.add(ma);
this.add(bgcolor);
this.add(bacgrangd);
this.setSize(430, 330);
this.setIconImage(Toolkit.getDefaultToolkit().createImage("images"+
"/透明照片.png"));// 窗体图标
this.setLocationRelativeTo(null);// 保持居中
this.setUndecorated(true);// 去顶部
this.setFocusable(true);// 面板首先获得焦点
this.setBackground(new Color(255, 255, 255));// 背景颜色
this.setDefaultCloseOperation(this.EXIT_ON_CLOSE);
this.setAlwaysOnTop(true);// 最顶层
this.setVisible(true);// 显示
}
public static void main(String[] args) {
new Login();
}
// 点击不恢复
public void mouseClicked(MouseEvent e) {
}
// 点击后
public void mousePressed(MouseEvent e) {
if (e.getSource() == jan) {
setExtendedState(JFrame.ICONIFIED);
} else if (e.getSource() == this) {
origin.x = e.getX();
origin.y = e.getY();
} else if (e.getSource() == bi) {
System.exit(0);
} else if (e.getSource() == ku1 || e.getSource() == text1) {
if (f == 0) {
gou1.setVisible(true);
g = 1;
f = 1;
} else if (g == 1) {
gou1.setVisible(false);
f = 0;
g = 0;
}
} else if (e.getSource() == ku2 || e.getSource() == text2) {
if (h == 0) {
gou2.setVisible(true);
j = 1;
h = 1;
} else if (j == 1) {
gou2.setVisible(false);
h = 0;
j = 0;
}
} else if (e.getSource() == submit || e.getSource() == text5) {
text5.setFont(new Font("微软雅黑", 0, 14));
dispose();
String users = user.getText();
String password = pass.getText();
if (users.equals("itcast") && password.equals("123")) {
//new Table();//打开新的主界面如果要关闭登录界面可以写dispose();
} else {
JOptionPane.showMessageDialog(null, "用户名：itcast，密"+
"码：123，您并未设置打开界面！");
new Login();
}
}
}
// 点击时
public void mouseReleased(MouseEvent e) {
if (e.getSource() == submit || e.getSource() == text5) {
text5.setFont(new Font("微软雅黑", 0, 15));
}
}
// 悬停
public void mouseEntered(MouseEvent e) {
if (e.getSource() == jan) {
an1.setOpaque(true);
} else if (e.getSource() == bi) {
an2.setOpaque(true);
} else if (e.getSource() == user) {
if (a == 0 && c == 0) {
lie1.setIcon(new javax.swing.ImageIcon("images/直线4.png"));
}
} else if (e.getSource() == pass) {
if (b == 0 && d == 0) {
lie2.setIcon(new javax.swing.ImageIcon("images/直线4.png"));
}
} else if (e.getSource() == text3) {
text3.setForeground(Color.GRAY);
} else if (e.getSource() == text4) {
text4.setForeground(Color.GRAY);
} else if (e.getSource() == ma) {
ma.setIcon(new javax.swing.ImageIcon("images/二维码2.png"));
}
}
public void mouseExited(MouseEvent e) {// 悬停后
if (e.getSource() == jan) {
an1.setOpaque(false);
} else if (e.getSource() == bi) {
an2.setOpaque(false);
} else if (e.getSource() == user) {
if (a == 0) {
lie1.setIcon(new javax.swing.ImageIcon("images/直线2.png"));
}
} else if (e.getSource() == pass) {
if (b == 0) {
lie2.setIcon(new javax.swing.ImageIcon("images/直线2.png"));
}
} else if (e.getSource() == text3) {
text3.setForeground(new Color(170, 170, 170));
} else if (e.getSource() == text4) {
text4.setForeground(new Color(170, 170, 170));
} else if (e.getSource() == ma) {
ma.setIcon(new javax.swing.ImageIcon("images/二码.png"));
}
}
}

上述代码中，第19-30行代码，定义了一些成员变量，方便响应的逻辑实现。第33-58行代码，对一些图片对象进行实例化。第60-85行，设置图片、文本框等的位置。第87-120行，设置各个文本框，文字等的样式。第122-134行，为各个文本框、按钮等设置监听事件。第136-143行，为窗体拖动事件设置窗体监听。第144-170，为账号文本框设置鼠标聚焦事件。第171-200，为密码文本框设置鼠标聚焦事件。第201-227行，将各个按钮，图片文本框对象放入容器内。第228-238，对界面进行布局。mouseClicked()方法中编写了按钮，文本框，文字等点击不回复的逻辑。mousePressed()方法中编写了按钮，文本框，文字等点击后的逻辑。mouseReleased()方法中编写了按钮，文本框，文字等点击时的逻辑。mouseEntered()方法中编写了按钮，文本框，文字等悬停时的逻辑。mouseExited()方法中编写了按钮，文本框，文字等悬停后的逻辑。