在所有原材料（java中提供的類）都準(zhǔn)備好的基礎(chǔ)上，這就要求我們能夠利用這些材料來開發(fā)仿QQ登錄界面。為此，我們有以下步驟：

一、先要有一個(gè)QQ界面，也即是創(chuàng)建一個(gè)容器。

JFrame jf=new JFrame(QQ2011);

對(duì)窗體進(jìn)行設(shè)置，如設(shè)置窗體的大小、窗體不可最大化、窗體居中顯示、給設(shè)置窗體的背景顏色等。如：

設(shè)置窗體的大小，jf.setSize(340, 250);

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

窗體居中顯示，jf.setLocationRelativeTo(null);

設(shè)置窗體的背景顏色，jf.getContentPane().setBackground(new Color(228, 244, 255));

二、在QQ界面上添加相應(yīng)的元件。

在添加元件的時(shí)候，我們先要確定其布局，為了方便起見，我設(shè)置的布局為流水式布局（FlowLayout）。為了更好控制相應(yīng)的元器件，我把界面用兩個(gè)JPanel來添加元件。

1）先建立第一個(gè)JPanel并確定其布局方式，JPanel jp1 = new JPanel(fl);然后對(duì)jp1進(jìn)行相應(yīng)的設(shè)置，如大小等，再在jp1上添加對(duì)應(yīng)的元件，如設(shè)置帳號(hào)標(biāo)簽和帳號(hào)輸入框

JLabel lblName = new JLabel("帳號(hào)：");

txtName = new JTextField(15);

把帳號(hào)標(biāo)簽和帳號(hào)輸入框放在jp1上

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

創(chuàng)建一個(gè)下拉框，也放在jp1上

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

創(chuàng)建一個(gè)“注冊(cè)新帳號(hào)”標(biāo)簽

JLabel lblnew = new JLabel("注冊(cè)新帳號(hào)");
jp1.add(lblnew);

同理，創(chuàng)建一個(gè)密碼標(biāo)簽和密碼輸入框

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

創(chuàng)建一個(gè)“找回密碼”標(biāo)簽

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

?創(chuàng)建一個(gè)“狀態(tài)”的標(biāo)簽

JLabel lblstate = new JLabel("狀態(tài)");

jp1.add(lblstate);

創(chuàng)建一個(gè)下拉框

JComboBox jb2 = new JComboBox();

jp1.add(jb2);

創(chuàng)建一個(gè)記住密碼復(fù)選框

JCheckBox jcb1 = new JCheckBox("記住密碼");

jp1.add(jcb1);

創(chuàng)建一個(gè)自動(dòng)登錄復(fù)選框

JCheckBox jcb2 = new JCheckBox("自動(dòng)登錄");

jp1.add(jcb2);

2）創(chuàng)建第二個(gè)面板類

JPanel jp2 = new JPanel();

在第二個(gè)面板中添加兩個(gè)按鈕即可

一個(gè)是設(shè)置按鈕，另一個(gè)是登錄按鈕

JButton setting = new JButton("設(shè)置");
jp2.add(setting);

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

jp2.add(btnLogin);

其實(shí)，在第二個(gè)面板中，我們不設(shè)定它的布局方式，就是為了可以像QQ登錄界面那樣，設(shè)置兩個(gè)按鈕的位置，讀者可以自己嘗試去設(shè)定兩個(gè)按鈕的位置，就可以達(dá)到跟QQ登錄界面一樣的效果。

3）在窗體jf中添加兩個(gè)面板jp1和jp2

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

最后讓窗體可見就ok了

jf.setVisible(true);

?三、為了使登錄界面更好看，我們還可以插入圖片，幫助達(dá)到美化的效果。

這樣也就完成了QQ登錄界面的初步設(shè)置，只是很多功能都沒有添加而已。讀者也可以去查找相應(yīng)的書籍，完成相應(yīng)的功能。

我編寫的QQ登錄界面程序顯示如下圖：

?

?

?

登錄界面開發(fā)（2）—仿QQ登錄界面