QQ登录界面制作

article/2025/9/17 1:33:42

实现简单的QQ登录操作（阶段一）

学习了java连接数据库后，便想简单的实现一下QQ登录的操作，但是也想拥有一个好看的界面，于是便打算进行界面设计（个人喜好不同，不喜勿喷）。
因为看起来比较酷，我取了一个比较科幻的名字：虚现时代
效果如下：

首先便是QQ登录界面的设计了，我设计的尺寸为570*470。
具体大小可自我调整。

package qqcreate;import java.awt.BorderLayout;import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;public class qq {private static JFrame jf = new JFrame();public static void initLogin() {jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);jf.setSize(570, 470);jf.setLocation(497, 242);// jf.setUndecorated(true);jf.setResizable(true);BorderLayout border_layout = new BorderLayout();jf.setLayout(border_layout);JPanel panel_north = CreatePanel.CreateNorthPanel(jf);jf.add(panel_north, BorderLayout.PAGE_START);JPanel panel_west = CreatePanel.CreateCenterPanel();jf.add(panel_west, BorderLayout.LINE_START);JPanel panel_south = CreatePanel.CreateSouthPanel();jf.add(panel_south, BorderLayout.PAGE_END);jf.setVisible(true);}public static void main(String[] args) {SwingUtilities.invokeLater(qq::initLogin);}
}

这是用来初始化的一段代码，定义了一下布局方面，原先最早用的是东西南北中的的布局，但自我感觉不太好，便改用了上中下的布局，控件位置使用的是绝对定位，面板使用较多。

package qqcreate;import java.awt.Color;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Font;import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
import javax.swing.SwingConstants;public class CreatePanel {public static JPanel CreateNorthPanel(JFrame jf) {		//北面布局JPanel panel = new JPanel();						//创建一级容器panel.setLayout(null);panel.setPreferredSize(new Dimension(560, 170));	//定义大小ImageIcon image = new ImageIcon("C:\\Users\\cjlong\\Pictures\\背景上1.1.jpg");JLabel background = new JLabel(image);background.setBounds(0, 0, 560, 170);				//为一级容器设置背景，使用二级容器进行覆盖JLabel jlsign = new JLabel("虚现时代");jlsign.setFont(new Font("宋体", 5, 40));jlsign.setForeground(Color.GRAY);jlsign.setBounds(200, 65, 180, 50);background.add(jlsign);							//创建三级容器，目的是创建标题字panel.add(background);							//加入控件return panel;}public static JPanel CreateCenterPanel() {		//制作中间布局JPanel panel = new JPanel();panel.setLayout(null);panel.setPreferredSize(new Dimension(560, 200));		//设置大小，图片背景ImageIcon image = new ImageIcon("C:\\Users\\cjlong\\Pictures\\背景下1.jpg");JLabel background = new JLabel(image);background.setBounds(0, 0, 560, 200);			//设置背景的尺寸panel.add(background);ImageIcon imwest = new ImageIcon("C:\\Users\\cjlong\\Pictures\\头像2.jpg");JLabel jwest = new JLabel(imwest);jwest.setBounds(20, 20, 130, 130);			//添加一个头像进去（不可变）background.add(jwest);JLabel latxt1 = new JLabel("账号");latxt1.setFont(new Font("", 0, 25));latxt1.setForeground(Color.GRAY);latxt1.setBounds(180, 30, 50, 30);background.add(latxt1);					//添加一个标志字String str[] = { "123456789", "987654321", "1314520888" };JComboBox<Object> jcocenter = new JComboBox<Object>(str);jcocenter.setForeground(Color.GRAY);jcocenter.setEditable(true);jcocenter.setBounds(240, 30, 270, 30);jcocenter.setFont(new Font("Calibri", 0, 35));background.add(jcocenter);				//设置文本框，用来填写账号JLabel latxt2 = new JLabel("密码");latxt2.setFont(new Font("", 0, 25));latxt2.setForeground(Color.GRAY);latxt2.setBounds(180, 80, 50, 30);background.add(latxt2);					//添加一个标志字JPasswordField jpaCenter = new JPasswordField();jpaCenter.setLayout(new FlowLayout(FlowLayout.RIGHT, 0, 0));jpaCenter.setFont(new Font("Calibri", 0, 35));jpaCenter.setBounds(240, 80, 270, 30);background.add(jpaCenter);						//添加密码框JCheckBox jch1 = new JCheckBox("记住密码");jch1.setForeground(Color.GRAY);jch1.setOpaque(false);jch1.setFocusPainted(false);jch1.setFont(new Font("宋体", 0, 20));jch1.setBounds(170, 125, 120, 30);background.add(jch1);							//添加单选框JCheckBox jch2 = new JCheckBox("自动登录");jch2.setFocusPainted(false);jch2.setForeground(Color.GRAY);jch2.setOpaque(false);jch2.setFont(new Font("宋体", 0, 20));jch2.setBounds(290, 125, 120, 30);background.add(jch2);							//添加单选框JButton forget = new JButton("忘记密码？");forget.setContentAreaFilled(false);forget.setBorder(null);forget.setFont(new Font("宋体", 0, 20));forget.setForeground(Color.GRAY);forget.setBounds(400, 125, 140, 30);background.add(forget);						//一个按钮，可以用来修改密码return panel;}public static JPanel CreateSouthPanel() {		//创建南部布局JPanel panel = new JPanel();panel.setPreferredSize(new Dimension(560, 100));panel.setLayout(null);ImageIcon imaa = new ImageIcon("C:\\Users\\cjlong\\Pictures\\下背景3.jpg");JLabel jlaa = new JLabel(imaa);jlaa.setBounds(0, 0, 560, 100);panel.add(jlaa);								//背景安置JButton jble = new JButton("注册账号");jble.setContentAreaFilled(false);jble.setBorder(null);jble.setFont(new Font("宋体", 0, 20));jble.setForeground(Color.GRAY);jble.setBounds(0, 65, 140, 30);				//注册按钮jlaa.add(jble);ImageIcon image = new ImageIcon("C:\\Users\\cjlong\\Pictures\\登录1.jpg");JButton jb = new JButton("  登     录  ", image);jb.setFont(new Font("宋体", 0, 20));jb.setForeground(Color.GRAY);jb.setBounds(180, 10, 200, 50);jb.setHorizontalTextPosition(SwingConstants.CENTER);jb.setFocusPainted(false);jb.setContentAreaFilled(false);jb.setBorderPainted(true);jlaa.add(jb);							//登录按钮，添加监听器后。可实现登录操作JButton jbri = new JButton(new ImageIcon("C:\\Users\\cjlong\\Pictures\\二维码2.jpg"));jbri.setBounds(500, 55, 40, 40);jbri.setBorder(null);jbri.setContentAreaFilled(false);jlaa.add(jbri);							//二维码登录，暂时不做打算return panel;}
}

这些是具体控件的搭建，目前还没有添加监听器和连接数据库，无法进行登录操作。
其次图片均为本地图片，直接复制代码是无法完美复原的，可以自己进行修改图片。
代码可以参考，但最好自己动手实现，期间你会学到很多东西，这些东西都不是简单的复制就能学会的，共勉。


http://chatgpt.dhexx.cn/article/Fv1FHawX.shtml

相关文章

qq 登陆界面怎么测试

qq 登陆界面怎么测试

主要考察&#xff1a; 测试者是否熟悉各种测试方法&#xff0c;是否有丰富的 App/Web 测试经验&#xff0c;以及相关开发经验&#xff0c;以及 设计 Test case 的能力。 功能测试 (Function test) 1&#xff09;输入正确的用户名和密码&#xff0c;点击提交按钮&#xff0c;验…
阅读更多...
QQ用户登陆界面

QQ用户登陆界面

import java.awt.*; import javax.swing.*;public class Test extends JFrame{//把需要的组件全部在这里定义JLabel bq1;//北部JButton an1,an2,an3; JPanel mb1;//南部JTabbedPane xxk;//中部 选项卡JPanel mb2,mb3,mb4;JLabel bq2,bq3,bq4,bq5;JTextField wbk;JPasswordFie…
阅读更多...
qq登陆界面

qq登陆界面

以下是效果截图&#xff1a; 素材&#xff1a; 以下是源代码&#xff1a; import java.awt.*; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import javax.swing.*; public class QqClientLogin2 extends JFrameimplements MouseListener{ //北…
阅读更多...
制作QQ登录界面

制作QQ登录界面

制作QQ登录界面 实验名称实验步骤1.程序大致理解2.代码实现 总结 实验名称 QQ登录界面 实验步骤 1.程序大致理解 在构建UI界面时不要着急动手&#xff0c;首先要考虑准备哪些素材&#xff08;如&#xff1a;图片资源&#xff09;&#xff0c;会用到哪些控件&#xff0c;把步…
阅读更多...
qq登录界面

qq登录界面

弄了弄qt&#xff0c;就知道为什么产品和程序员关系不好了。。 仿qq做的&#xff0c;感觉和qq差局还是很大&#xff0c;上图*.* 首先肯定是要把图片分成几部分&#xff0c;我分了4个框来处理这些&#xff08;顺便吐槽一下Linux的画图软件&#xff0c;太难收了&#xff09; 下一…
阅读更多...
html-QQ登陆界面

html-QQ登陆界面

初学30节课html的入门课程&#xff0c;花了几个小时模仿了一个qq的登陆界面。 效果图如下&#xff1a; 代码如下&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><meta name"viewport" content"width…
阅读更多...
【AndroidStudio】手机QQ登录界面2022版

【AndroidStudio】手机QQ登录界面2022版

Android的界面布局建议用xml编写&#xff0c;可有效与java代码隔开&#xff0c;这里采用相对布局RelativeLaout实现QQ登录界面布局 2022版手机QQ登录界面 1.为实现QQ企鹅图标效果&#xff0c;在左侧项目目录下打开app/src/main/res/&#xff0c;将自己准备的qq图案复制后paste(…
阅读更多...
css3实现qq制作QQ登陆界面

css3实现qq制作QQ登陆界面

1.代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>QQlogin</title><style type"text/css">#myImg01 {margin-top: 20px;width: 100px;height: 100px;float: left;backgro…
阅读更多...
Swing学习----------QQ登录界面制作（二）

Swing学习----------QQ登录界面制作（二）

素材获取可关注微信公众号&#xff1a;开源IT&#xff0c;后台回复 "素材" 免费获取。 上次把QQ界面的主题框架实现了&#xff0c;但是还没有完成最小化&#xff0c;关闭按钮等的功能&#xff0c;这次重新完善了QQ登录界面的功能&#xff0c;本次更新主要有以下几个…
阅读更多...
蠕虫病毒与一般计算机病毒的区别,蠕虫和病毒的区别是什么啊！

蠕虫病毒与一般计算机病毒的区别,蠕虫和病毒的区别是什么啊！

jhello05-26 08:07 等级 3楼 顶 ls 感染Nimda蠕虫病毒 cxhioulover05-26 09:54 等级 4楼 蠕虫，也是病毒的一种吧，大家习惯性的把具有破坏性的程序统称为病毒，就干脆这样叫了。蠕虫
阅读更多...
“机器狗”作者藐视法律公开出售病毒

“机器狗”作者藐视法律公开出售病毒

近日，“机器狗”病毒新变种频出，互联网面临一场“狂犬病”考验。最新版本的机器狗病毒入侵成功后，会自动下载大量木马、病毒、恶意软件、插件等，几乎所有安全软件均不能正常使用，大量用户也因此而不得不选择重装系统。” 最近机器狗闹得很猛，中毒后的电脑会下载更多木马，…
阅读更多...
彻底清除狗太阳的3721病毒完全手册!

彻底清除狗太阳的3721病毒完全手册!

原文地址为&#xff1a; 彻底清除狗太阳的3721病毒完全手册! 我们对Google的爱说不清楚为什么&#xff0c;就是那么执著。我们对3721的憎恨似乎也说不清楚为什么&#xff0c;看起来更执著。Google往我们口袋里塞钱了吗&#xff1f;当然没有。3721抢我们钱包里的钱了吗&#xf…
阅读更多...
机器狗新病毒分析

机器狗新病毒分析

机器狗新病毒分析 我这里有二个样本’ dd.exe dod.exe 通过McAfee的日志我们可以看到 2008-1-2411:56:09 已由访问保护规则禁止 SMILE\Administrator C:\Documents and Settings\Administrator\ 桌面\dod.exe C:\Documents and Settings\Administrator\Local Settings\Te…
阅读更多...
变种机器狗木马病毒防范

变种机器狗木马病毒防范

近期变种机器狗木马病毒猖獗&#xff0c;此病毒采用hook系统的磁盘设备栈来达到穿透目的的&#xff0c;危害极大&#xff0c;可穿透目前技术条件下的任何软件硬件还原&#xff01;基本无法*还原抵挡。目前已知的所有还原产品&#xff0c;都无法防止这种病毒的穿透感染和传播。 …
阅读更多...
机器狗病毒专杀软件

机器狗病毒专杀软件

机器狗病毒 name"google_ads_frame" marginwidth"0" marginheight"0" src"http://pagead2.googlesyndication.com/pagead/ads?clientca-pub-5572165936844014&dt1196162201046&lmt1195819918&format336x280_as&outputhtml…
阅读更多...
机器狗病毒的工作原理和判断

机器狗病毒的工作原理和判断

http://article.pchome.net/content-581031.html 机器狗病毒名字由来和工作原理 机器狗病毒名字的由来 2008年春节前后，一个长相若电子宠物狗的程序潜入互联网闯荡江湖。 这个东东可不是什么桌面电子宠物，有人发现了这个宠物，并运行了它。不久，更多的“机器狗”入侵了网民…
阅读更多...
机器狗病毒特征与防治

机器狗病毒特征与防治

作者&#xff1a;许本新<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /> 新近学院机房的老师老是跟我说,他们机房的计算机中毒了,并且穿透了还原精灵(机房为了管理方便都安装的还原精灵),我听说后倒是觉得蛮有意思的,就过去看了…
阅读更多...
SQL 学习最强刷题网站！

SQL 学习最强刷题网站！

大家好&#xff0c;我是唐唐。 今天给大家上点干货&#xff0c;推荐一款之前一直在用的SQL刷题网站—牛客的SQL题库。 很多人都知道牛客有面经&#xff0c;但是还不知道有SQL,其实牛客的SQL题目已经有大概500题了&#xff0c;题目内容、产品、讨论区氛围&#xff0c;可以说是国…
阅读更多...
Flink学习之flink sql

Flink学习之flink sql

&#x1f330; 昨天我们学习完Table API后&#xff0c;今天我们继续学SQL&#xff0c;Table API和SQL可以处理SQL语言编写的查询语句&#xff0c;但是这些查询需要嵌入用Java、Scala和python编写的程序中。 hadoop专题: hadoop系列文章.spark专题: spark系列文章.flink专题: F…
阅读更多...
SQL语句快速学习

SQL语句快速学习

​ 本文来自本福达的《SQL必知必会&#xff08;第5版&#xff09;》的学习总结。 如果之前学习过SQL相关知识&#xff0c;这篇文档将很有用。 开始&#xff1a; SQL语句不区分大小写&#xff0c;因此SELECT与select是相同的。同样&#xff0c;写成Select也没有关系。检索的基…
阅读更多...
推荐文章

Copyright @ 2022~2023