在所有原材料(java中提供的類(lèi))都準(zhǔn)備好的基礎(chǔ)上,這就要求我們能夠利用這些材料來(lái)開(kāi)發(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í)候,我們先要確定其布局,為了方便起見(jiàn),我設(shè)置的布局為流水式布局(FlowLayout)。為了更好控制相應(yīng)的元器件,我把界面用兩個(gè)JPanel來(lái)添加元件。
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è)面板類(lèi)
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,);
最后讓窗體可見(jiàn)就ok了
jf.setVisible(true);
?三、為了使登錄界面更好看,我們還可以插入圖片,幫助達(dá)到美化的效果。
這樣也就完成了QQ登錄界面的初步設(shè)置,只是很多功能都沒(méi)有添加而已。讀者也可以去查找相應(yīng)的書(shū)籍,完成相應(yīng)的功能。
我編寫(xiě)的QQ登錄界面程序顯示如下圖:
?
?
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
