GUI图形用户接口编写QQ登录界面

GUI图形用户接口编写QQ登录界面

这个是我们的实训作业，我通过参考课本编写的QQ登录界面。Swing组件的整合使用——QQ登录界面。

QQ登录界面，因此可以使用JFrame容器实现。界面布局可分为5个区域，顶部、中部、底部、左侧、右侧，可以使用BorderLayout来管理布局，每个面板使用JPanel面板组件填充。当用户名和密码输入正确，会跳转登录成功界面。否则会弹出错误提示框。为界面登录按钮和关闭窗口注册监听器，进行事件监听。定义程序启动入口，用于启动Swing程序。

素材我会发到公众号： 回复0028到 “小白数据共享”

先附上效果图

这里主要分为三个部分：

1. 创建QQ登陆界面，并添加布局管理器
2. 创建区域面板类，划分容器区域
3. 创建并注册监听器
4. 编写程序入口

1.创建QQ登陆界面，并添加布局管理器
QQ.login.java

import javax.swing.*;
import java.awt.*;
public class QQ.login {
   
		//1、初始化一个JFrame窗口
		private static JFrame jf=new JFrame();
		public static void initLogin(){
   
		// 设置窗口尺寸
		jf.setSize(426, 300);
		// 设置窗口在屏幕显示位置
		jf.setLocation(497, 242);
		// 设置JFrame窗口边框不显示
		jf.setUndecorated(true);
		// 禁止改变窗口大小
		jf.setResizable(false);
		// 2、根据QQ登录界面效果，进行布局分配
		BorderLayout border_layout=new BorderLayout();
		jf.setLayout(border_layout);
		// 2.1、创建并加入顶部面板
		JPanel panepagestart=CreatePanel.createPangeStart(jf);
		jf.add(panepagestart,BorderLayout.PAGE_START);
		// 2.2、创建并加入左侧面板
		JPanel paneleft=CreatePanel.createleft();
		jf.add(paneleft,BorderLayout.LINE_START);
		// 2.3、创建并加入中部面板
		JPanel panecenter=CreatePanel.createcenter(jf);
		jf.add(panecenter,BorderLayout.CENTER);
		// 2.4、创建并加入右侧面板
		JPanel paneright =CreatePanel.createright();
		jf.add(paneright,BorderLayout.LINE_END);
		// 2.5、创建并加入底部面板
		JPanel panepageend=CreatePanel.createbottom();
		jf.add(panepageend,BorderLayout.PAGE_END);
		jf.setVisible(true);
	}

2. 创建区域面板类，划分容器区域
   CreatePanel.java

import javax.swing.*;
import java.awt.*;
public class CreatePanel.login {
   
private static Loginlistener ll=null;
	private static JPanel createPangeStart(JFrame jf){
   
		JPanel pane=new JPanel();
		pane.setLayout(null);
		pane.setPreferredSize(new Dimension(0,140));
		ImageIcon image=new ImageIcon("images/back.jpg");
		JLabel jl=new JLabel(image);
		jl.setBounds(0,0,426, image.getIconHeight());
		JButton btn=new JButton(new ImageIcon("images/close_normal.j