-
1 案例分析
-
2 微课
-
3 资源包
Swing组件的整合使用——QQ登陆
案例分析
QQ是现实生活中常用的聊天工具,QQ登录界面看似小巧、简单,但其中涉及的内容却很多,对于初学者练习Swing工具的使用非常合适。首先,我们看一下一个标准的QQ登录界面效果,如图1所示。

图1 QQ登陆界面
通过图1中QQ登录的显示效果,并结合之前已学的Swing知识,可以对该图形用户界面分析得到如下结果。
(1)QQ登录界面整体可以看做是一个容器窗口,因此可以使用JFrame容器来实现。
(2)从登录界面的布局效果和显示内容可以看出,该布局分为5个区域,顶部区域、左侧区域、中部区域、右侧区域和底部区域,因此可以使用BorderLayout来管理页面布局,每个区域使用JPanel面板组件进行填充。每个区域的具体内容如下:
①顶部区域:包含1个背景图片,可以使用JLabel标签组件配合图片进行填充,右上角包含有3个按钮,分别为设置、最小化、关闭,可以使用JButton按钮组件实现。
②左侧区域:包含1个QQ图标,可以使用JLabel标签组件和图片实现。
③中间区域:包含3部分内容,第1部分,QQ账号输入框,可以使用JComboBox组件实现;第2部分QQ密码输入框,这个必须使用文本组件中的JPasswordField组件实现,同时在密码框中还嵌套一个键盘输入图片;第3部分“记住密码”和“自动登录”复选框,这个可
以使用JCheckBox组件实现。
④右侧区域:包含2个文本标签,可以直接使用JLabel标签组件实现。
⑤底部区域:包含3个按钮,多人登录、登录和二维码登录,这3个按钮可以使用JButton组件来实现。
(3)当输入的用户名和密码正确时,会跳转到登录成功界面,此页面只是一张静态图片,用于模拟登录成功的效果。否则,会弹出错误提示框(正常情况下,会弹出一个错误提示页面)。
(4)为了模拟界面正常登录以及窗口的关闭,还必须为登录按钮和关闭按钮注册监听器,进行相应的事件处理。
(5)定义一个程序入口,用于启动Swing案例程序。

