手把手教你用Java打造一款簡(jiǎn)單故事書(下篇)
后臺(tái)回復(fù)“Java”即可獲贈(zèng)Java學(xué)習(xí)資料
上篇文章,我們介紹了故事書的理論內(nèi)容,這篇文章,我們一起來(lái)看具體的代碼實(shí)現(xiàn)。,具體教程如下。
一、項(xiàng)目背景
隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展,電子版的書成為現(xiàn)在主流,針對(duì)用戶的需求,有的放矢地呈現(xiàn)給用戶,閱讀電子版書,提高他們的學(xué)習(xí)效率。
二、項(xiàng)目目標(biāo)
1.實(shí)現(xiàn)美觀的界面。
2.能夠基本實(shí)現(xiàn)改變字號(hào)、字體、字形、顏色、壁紙等選擇,按鈕頁(yè)面切換功能。
3.java讀取txt文件,簡(jiǎn)化代碼。
三、項(xiàng)目實(shí)施
首先回顧上一節(jié)的手把手教你用Java打造一款簡(jiǎn)單故事書(上篇),完成界面的窗口、菜單欄、上下頁(yè)的按鈕,效果如下圖所示。

接下來(lái),小編帶大家完成剩下的功能,具體的實(shí)現(xiàn)步驟如下。
(一)顯示背景圖,完成界面設(shè)計(jì)
1.setOpaque設(shè)置控件是否透明的,true表示不透明,false表示透明;
text01.setOpaque(false);panel01.setOpaque(false);label.setBounds(0,0,bg.getIconWidth(),bg.getIconHeight());//設(shè)置邊界imagePanel=(JPanel)this.getContentPane();//獲取窗體的內(nèi)容面板imagePanel.setOpaque(false);//設(shè)置透明this.getLayeredPane().add(label,new Integer(Integer.MIN_VALUE));
2.把背景圖添加到分層窗格的最底層;
label.setBounds(0,0,bg.getIconWidth(),bg.getIconHeight());//設(shè)置邊界imagePanel=(JPanel)this.getContentPane();//獲取窗體的內(nèi)容面板imagePanel.setOpaque(false);//設(shè)置透明this.getLayeredPane().add(label,new Integer(Integer.MIN_VALUE));
效果圖如下圖所示:

(二)添加事件監(jiān)聽(tīng)器MyListener(自己命名)
1.頁(yè)面切換按鈕功能的實(shí)現(xiàn):
class MyListener implements ActionListener{public void actionPerformed(ActionEvent e) {// TODO Auto-generated method stub//此處添加事件處理的代碼if(e.getSource()==btn_last){//上一頁(yè)if(papeNum>1){//不是第一頁(yè)papeNum--;btn_last.setEnabled(true);btn_next.setEnabled(true);}if(papeNum==1){btn_last.setEnabled(false);btn_next.setEnabled(true);}}if(e.getSource()==btn_next){//下一頁(yè)if(papeNum//不是最后一頁(yè) papeNum++;btn_last.setEnabled(true);btn_next.setEnabled(true);}if(papeNum==str.length){btn_last.setEnabled(true);btn_next.setEnabled(false);}}text01.setText(str[papeNum-1]);
2.字號(hào)、字體、字形功能的實(shí)現(xiàn):
if(e.getSource()==twelf)//字號(hào)12size=12;if(e.getSource()==fiveteen)//字號(hào)15size=15;if(e.getSource()==eighteen)//字號(hào)18size=18;if(e.getSource()==twenty)//字號(hào)20size=20;if(e.getSource()==song)//字體宋體style="宋體";if(e.getSource()==hei)//字體黑體style="黑體";if(e.getSource()==kai)//字體楷體style="楷體";if(e.getSource()==chang)//字形常規(guī)pattern=Font.PLAIN;if(e.getSource()==jia)//字形加粗pattern=Font.BOLD;if(e.getSource()==qing)//字形傾斜pattern=Font.ITALIC;text01.setFont(new Font(style,pattern,size));
3.顏色、換壁紙功能的實(shí)現(xiàn):
if(e.getSource()==red)//顏色紅色text01.setForeground(Color.red);if(e.getSource()==green)//顏色綠色text01.setForeground(Color.green);if(e.getSource()==blue)//顏色藍(lán)色text01.setForeground(Color.blue);if(e.getSource()==swap){//換壁紙photoNum++;if(photoNum>=6)photoNum=1;label.setIcon(new ImageIcon("photo//photo"+photoNum+".jpg"));}
4.程序中顯示文字是以String數(shù)組形式存儲(chǔ),這種方式比較方便易懂,但卻使得代碼較多。因此,在文字較多情況下,應(yīng)考慮以txt文檔形式存儲(chǔ)故事文字,在程序中讀取文檔內(nèi)容,以顯示在窗口中。
(1)讀取Txt文件:在main主程序?qū)懸韵麓a:
FileInputStream流被稱為文件字節(jié)輸入流,意思指對(duì)文件數(shù)據(jù)以字節(jié)的形式進(jìn)行讀取操作如讀取圖片視頻等。
FileInputStream inStream0= new FileInputStream("story//s01.txt");FileInputStream inStream1= new FileInputStream("story//s02.txt");FileInputStream inStream2= new FileInputStream("story//s03.txt");str[0]= s.readFile(inStream0);str[1]=s.readFile(inStream1);str[2]=s.readFile(inStream2);text01.setText(str[0]);
(2)讀取文件中內(nèi)容的方法:
public String readFile(InputStream inStream){//讀取文件中的內(nèi)容byte[] buffer =new byte[2048];int hasRead=0;//已經(jīng)讀取的字節(jié)數(shù)StringBuffer sBuffer=new StringBuffer();try{while( (hasRead = inStream.read(buffer))!=-1){//還沒(méi)有讀完sBuffer.append(new String(buffer,0,hasRead,"GBK"));}inStream.close();}catch(Exception e){e.printStackTrace();}return sBuffer.toString();}}
5.標(biāo)簽本來(lái)是一種最簡(jiǎn)單的組件,為什么可以將它設(shè)置成為一個(gè)窗體的背景呢?
答案:(1)首先還是要了解框架JFrame中的層次結(jié)構(gòu)。JFrame中的層次分布及相對(duì)關(guān)系是:最底層是JRootPane,第二層是JlayerPane,最上層就是ContentPane,也正是我們常說(shuō)的內(nèi)容面板。
(2)所以一般我們拖放的控件就是在ContentPane層上。也就是說(shuō)我們只需將背景圖片放在JFrame的第二層是JlayerPane上,再把內(nèi)容面板ContentPane設(shè)置為透明,則第二層JlayerPane上放置的圖片即成為內(nèi)容面板的背景了。
四、總結(jié)
1.本文主要介紹了JPanel、JButton、JLabel、JTextArea、JMenu、JMenuItem等組件的基本使用,以及相應(yīng)的事件處理。
2.事件處理函數(shù)的添加,難點(diǎn)是運(yùn)用理解構(gòu)造函數(shù)、內(nèi)部類的創(chuàng)建。
3.代碼很簡(jiǎn)單,希望能幫到你。如果有需要本文項(xiàng)目代碼的小伙伴,可以在后臺(tái)回復(fù)“故事書”三個(gè)字進(jìn)行獲取。
-------------------?End?-------------------
往期精彩文章推薦:

歡迎大家點(diǎn)贊,留言,轉(zhuǎn)發(fā),轉(zhuǎn)載,感謝大家的相伴與支持
想加入Python學(xué)習(xí)群請(qǐng)?jiān)诤笈_(tái)回復(fù)【入群】
萬(wàn)水千山總是情,點(diǎn)個(gè)【在看】行不行
