【Swing 6】绝对定位—QQ登录界面

　   从昨天到现在，一直在研究QQ的登录界面，不知道小马先生有没有被我这种锲而不舍

精神所感动。至少从外观上是相差无几个了，当然，有几个小部件目前的我还做不出来。不

过，反正就是个界面，长得像就行了，不是嘛？

　　参考: 1.下拉列表框: http://blog.csdn.net/guanjungao/article/details/24875303

　　　　  2. 实现JFrame的无边框: http://blog.csdn.net/qiantujava/article/details/10060847

             3. 脚本之家—登录界面: http://www.jb51.net/article/48598.htm

　　

下面先来介绍几个用得着的东西。

1. 字体设置【代码仅介绍用法, 具体的实现请看最下面的完整版本】

Swing默认的字体实在是又丑又小, 所以它提供了我们把美化的利器(Tu cao)

JTextField text = new JTextField();

// 三个参数分别表示字体类型, 粗细, 大小
Font a = new Font("隶书", 0, 14);
text.setFont(a);

2. 下拉列表框

JComboBox status = new JComboBox();

status.addItem("在线");
status.addItem("离开");
status.addItem("隐身");

3. 添加背景图片和头像

【按下面的示例自行设置头像】

JFrame f;

public void Gui() {
    f = new JFrame();
    f.setUndecorated(true); // 去掉窗口的边框(连同标题和最大、小化及关闭按钮)
    f.setLayout(null); // 用绝对定位取代JFrame默认的边界布局
    init();           
    // 关闭窗口时结束javaw.exe进程, 防止打开多个窗口时且关闭时, 进程占用内存
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    f.setSize(538, 413);   
    f.setVisible(true);
}
 
public void init() {
    JLabel bgLabel = new JLabel();
    ImageIcon bgImage = new ImageIcon(“C:/Users/hasee/Desktop/我了个去/QQ背景.png”);
    // Scale是缩放, 这一行表示将图片按指定的宽度、高度进行缩放, 记得导入java.awt.Image; 或者java.awt.*;
    bgImage.setImage(bgImage.getImage().getScaledInstance(538, 230,Image.SCALE_DEFAULT));
    bgLabel.setIcon(bgImage);   // 把背景图片放到标签上, 换言之, 此处标签即是容器 
    
    f.add(bgLabel);
}

 

三毛头像

QQ背景图, 动态效果大家自己PS, 我也不会

4. 窗口最小化

public void init() {
     JButton minimizeButton = new JButton("—");
     minimizeButton.setBorder(null);      // 去掉按钮的边框 
     minimizeButton.setFocusable(false); // 不让按钮获得焦点
     minimizeButton.setBounds(203, 0, 47, 40); // 参数分别是左上角的横, 纵坐标, 按钮长和宽
 
     // 这是注册监听事件的另一种写法
     minimizeButton.addActionListener(new ActionListener() {
         public void actionPerformed(ActionEvent e) {
             f.setExtendedState(JFrame.ICONIFIED);    
         });
     f.add(minimizeButton);
}

f.setUndecorated(true);去掉下面的边框

 

注意，界面失去边框后，标题和最大、最小、关闭按钮都会失去，(只能自己画按钮啰)

且窗口无法移动，所以下面来解决这个问题。

5. 解决JFrame失去边框后无法移动的问题(接上面的代码)

【MouseAdapter和MouseMotionAdapter是两个抽象适配器类, 简单说，使用它们就

可以不用实现接口的全部方法!】

// 这两个变量在不同的方法都要用到, 所以设为全局变量
int xOnGui, yOnGui;  
 
public void init() {
    drag();
}

public void drag() {
     f.addMouseListener(new MouseAdapter() {
         public void mousePressed(MouseEvent e) {
             xOnGui = e.getX();
             yOnGui = e.getY();            
     });
     
     f.addMouseMotionListener(new MouseMotionAdapter() {
         public void mouseDragged(MousEvent e) {
             int xOnScreen = e.getXOnScreen(); 
             int yOnScreen = e.getXOnScreen();
             int xx = xOnScreen - xOnGui;
             int yy = yOnScreen - yOnGui;
             // 这里写成f.setBounds()也可, 不过就要再加上窗口的长和宽
             f.setLocation(xx, yy);    
});

e.getXOnScreen();和e.getYOnScreen(); 就是分别获取屏幕上的x, y值, 把它们

放在mouseDragged()方法里面, 表示当鼠标停止拖放窗口时获取你拖的那个点的屏

幕横纵坐标, 再分别减去拖放前(即刚点击鼠标时)获取的x, y, 不就是得出当前位置窗

口左上角的横纵坐标吗？  

 -----------------------------------------------------------------------------------------------

完整版添加了几个监听事件:

1. 最小化按钮和关闭按钮是设置成和背景图片相似颜色的按钮(用到ActionListener接口类)

2. 当文本框获得焦点(光标)时, 内容被清空(用到FocusListener接口类)

3. 靠近关闭按钮时, 按钮变红色提醒(用到MouseListener()接口类)

问题:

一开始显示的是原来背景图片的最小化和关闭按钮, 只有在鼠标接触它们后才会变成我们弄的模样。

package demo;

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

public class Test extends JFrame {
    // 用户名和密码文本框
    private JTextField username;
    private JTextField password;
    // 标签
    private JLabel signUpLabel;
    private JLabel forgetPassLabel;
    // 列表框
    private JComboBox status;
    // 复选框
    private JCheckBox autoSignIn;
    private JCheckBox rememberPass;
    // 登录按钮
    private JButton signInButton;
    int xOnGui;
    int yOnGui;
    
    public static void main(String[] args) {
        Test t = new Test();
    }
    
    public Test() {
        setUndecorated(true);
        setTitle("绝对定位测试");
        setLayout(null);
        init();
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(538, 413);
        setLocation(550, 200);
        setVisible(true);
    }
    
    public void init() {
        // 背景图片
        JLabel a = new JLabel();
        ImageIcon bgImage = new ImageIcon("C:/Users/hasee/Desktop/我了个去/QQ背景.png");
        bgImage.setImage(bgImage.getImage().getScaledInstance(538, 229, Image.SCALE_DEFAULT)); 
        a.setIcon(bgImage);
        a.setBounds(0, 0, 538, 229);
        
        // 头像
        JLabel b = new JLabel();
        ImageIcon icon = new ImageIcon("C:/Users/hasee/Desktop/我了个去/三毛.png");
        icon.setImage(icon.getImage().getScaledInstance(70, 76, Image.SCALE_DEFAULT));
        b.setIcon(icon);
        b.setBounds(90, 242, 70, 76);
        
        // 用户名文本框
        username = new JTextField("QQ号码/手机/邮箱");
        username.setForeground(Color.gray);
        username.addFocusListener(new UserListener());
        username.setBounds(170, 242, 230, 38);

        // 注册帐号的标签
        signUpLabel = new JLabel("注册帐号");
        signUpLabel.setForeground(new Color(0, 130, 176));
        signUpLabel.setBounds(410, 242, 52, 20);
        
        // 密码文本框
        password = new JTextField();
        password.setText("密码");
        password.setForeground(Color.gray);
        password.addFocusListener(new PassListener());
        password.setBounds(170, 280, 230, 38);
        
        // 找回密码的标签
        forgetPassLabel = new JLabel("找回密码");
        forgetPassLabel.setForeground(new Color(0, 130, 176));
        forgetPassLabel.setBounds(410, 280, 52, 30);
        
        // 列表框
        status = new JComboBox();
        status.addItem("在线");
        status.addItem("离线");
        status.addItem("隐身");
        status.setBounds(110, 318, 60, 30);
        
        // 记住密码复选框
        rememberPass = new JCheckBox("记住密码");
        rememberPass.setBounds(170, 318, 80, 30);
        rememberPass.setForeground(Color.gray);
        
        // 自动登录复选框
        autoSignIn = new JCheckBox("自动登录");
        autoSignIn.setBounds(320, 318, 80, 30);
        autoSignIn.setForeground(Color.gray);
           
        // 登录按钮
        signInButton = new JButton("登录");
        signInButton.setBounds(170, 360, 230, 37);
        signInButton.setForeground(Color.white);
        signInButton.setBackground(new Color(0, 167, 226));
        
        // 最小化按钮
        JButton minimizeButton = new JButton("—");
        minimizeButton.setFocusable(false);
        minimizeButton.setBounds(450, 0, 50, 38);
        minimizeButton.setForeground(Color.white);
        minimizeButton.setBackground(new Color(0, 167, 226));
        minimizeButton.setBorder(null);
        minimizeButton.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                setExtendedState(ICONIFIED);
            }
        });
        
        // 关闭按钮
        JButton closeButton = new JButton("X");
        closeButton.setFocusable(false);
        closeButton.setBounds(500, 0, 38, 38);
        closeButton.setBackground(new Color(0, 167, 226));
        closeButton.setForeground(Color.white);
        closeButton.setBorder(null);
        closeButton.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                System.exit(0);
            }
        });
        closeButton.addMouseListener(new MouseAdapter() {
            public void mouseEntered(MouseEvent e) {
                closeButton.setBackground(new Color(204, 51, 0));
            }
            public void mouseExited(MouseEvent e) {
                closeButton.setBackground(new Color(0, 167, 226));
            }
        });
        
        // 添加所有部件到JFrame容器里面
        add(a);
        add(b);
        add(username);
        add(password);
        add(signUpLabel);
        add(forgetPassLabel);
        add(signInButton);
        add(status);
        add(rememberPass);
        add(autoSignIn);
        add(closeButton);
        add(minimizeButton);
        dragGui();
    }
    // 拖动窗口
    public void dragGui() {
        addMouseListener(new MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                xOnGui = e.getX();
                yOnGui = e.getY();
            }
        });
        addMouseMotionListener(new MouseMotionAdapter() {
            public void mouseDragged(MouseEvent e) {
                int xOnScreen = e.getXOnScreen();
                int yOnScreen = e.getYOnScreen();
                int x = xOnScreen - xOnGui;
                int y = yOnScreen - yOnGui;
                setLocation(x, y);
            }
        });    
    }
    class UserListener implements FocusListener {
        public void focusGained(FocusEvent e) {
            if (username.getText().equals("QQ号码/手机/邮箱")) {
                username.setText("");
                username.setForeground(Color.black);
            }
        }
        public void focusLost(FocusEvent e) {
            if (username.getText().equals("")) {
                username.setText("QQ号码/手机/邮箱");
                username.setForeground(Color.gray);
            }
        }
    }
    class PassListener implements FocusListener {
        public void focusGained(FocusEvent e) {
            if (password.getText().equals("密码")) {
                password.setText("");
                password.setForeground(Color.black);
            }
        }
        public void focusLost(FocusEvent e) {
            if (password.getText().equals("")) {
                password.setText("密码");
                password.setForeground(Color.gray);
            }
        }
    }
}