登录界面开发（2）—仿QQ登录界面

在所有原材料（java中提供的类）都准备好的基础上，这就要求我们能够利用这些材料来开发仿QQ登录界面。为此，我们有以下步骤：

一、先要有一个QQ界面，也即是创建一个容器。

JFrame jf=new JFrame(QQ2011);

对窗体进行设置，如设置窗体的大小、窗体不可最大化、窗体居中显示、给设置窗体的背景颜色等。如：

设置窗体的大小，jf.setSize(340, 250);

窗体不可最大化，jf.setResizable(false);

窗体居中显示，jf.setLocationRelativeTo(null);

设置窗体的背景颜色，jf.getContentPane().setBackground(new Color(228, 244, 255));

二、在QQ界面上添加相应的元件。

在添加元件的时候，我们先要确定其布局，为了方便起见，我设置的布局为流水式布局（FlowLayout）。为了更好控制相应的元器件，我把界面用两个JPanel来添加元件。

1）先建立第一个JPanel并确定其布局方式，JPanel jp1 = new JPanel(fl);然后对jp1进行相应的设置，如大小等，再在jp1上添加对应的元件，如设置帐号标签和帐号输入框

JLabel lblName = new JLabel("帐号：");

txtName = new JTextField(15);

把帐号标签和帐号输入框放在jp1上

jp1.add(lblName);
jp1.add(txtName);

创建一个下拉框，也放在jp1上

JComboBox jb1 = new JComboBox();
jp1.add(jb1);

创建一个“注册新帐号”标签

JLabel lblnew = new JLabel("注册新帐号");
jp1.add(lblnew);

同理，创建一个密码标签和密码输入框

JLabel lblPwd = new JLabel("密码：");
txtPwd = new JPasswordField(15);
jp1.add(lblPwd);
jp1.add(txtPwd);

创建一个“找回密码”标签

JLabel lblfindpwd = new JLabel("找回密码                ");
jp1.add(lblfindpwd);

 创建一个“状态”的标签

JLabel lblstate = new JLabel("状态");

jp1.add(lblstate);

创建一个下拉框

JComboBox jb2 = new JComboBox();

jp1.add(jb2);

创建一个记住密码复选框

JCheckBox jcb1 = new JCheckBox("记住密码");

jp1.add(jcb1);

创建一个自动登录复选框

JCheckBox jcb2 = new JCheckBox("自动登录");

jp1.add(jcb2);

2）创建第二个面板类

JPanel jp2 = new JPanel();

在第二个面板中添加两个按钮即可

一个是设置按钮，另一个是登录按钮

JButton setting = new JButton("设置");
jp2.add(setting);

JButton btnLogin = new JButton("登录");

jp2.add(btnLogin);

其实，在第二个面板中，我们不设定它的布局方式，就是为了可以像QQ登录界面那样，设置两个按钮的位置，读者可以自己尝试去设定两个按钮的位置，就可以达到跟QQ登录界面一样的效果。

3）在窗体jf中添加两个面板jp1和jp2

jf.add(jp1);
jf.add(jp2,);

最后让窗体可见就ok了

jf.setVisible(true);

 三、为了使登录界面更好看，我们还可以插入图片，帮助达到美化的效果。

这样也就完成了QQ登录界面的初步设置，只是很多功能都没有添加而已。读者也可以去查找相应的书籍，完成相应的功能。

我编写的QQ登录界面程序显示如下图：