手把手教你用Java打造一款簡單故事書(下篇)

上篇文章，我們介紹了故事書的理論內容，這篇文章，我們一起來看具體的代碼實現。，具體教程如下。

一、項目背景

隨著移動網際網路的發展，電子版的書成為現在主流，針對用戶的需求，有的放矢地呈現給用戶，閱讀電子版書，提高他們的學習效率。

二、項目目標

1.實現美觀的界面。

2.能夠基本實現改變字號、字體、字形、顏色、壁紙等選擇，按鈕頁面切換功能。

3.java讀取txt文件，簡化代碼。

三、項目實施

首先回顧上一節的手把手教你用Java打造一款簡單故事書（上篇），完成界面的窗口、菜單欄、上下頁的按鈕，效果如下圖所示。

接下來，小編帶大家完成剩下的功能，具體的實現步驟如下。

（一）顯示背景圖，完成界面設計

1.setOpaque設置控制項是否透明的，true表示不透明，false表示透明；

text01.setOpaque(false);panel01.setOpaque(false);label.setBounds(0,0,bg.getIconWidth(),bg.getIconHeight());//設置邊界imagePanel=(JPanel)this.getContentPane();//獲取窗體的內容面板imagePanel.setOpaque(false);//設置透明this.getLayeredPane().add(label,new Integer(Integer.MIN_VALUE));

2.把背景圖添加到分層窗格的最底層；

label.setBounds(0,0,bg.getIconWidth(),bg.getIconHeight());//設置邊界imagePanel=(JPanel)this.getContentPane();//獲取窗體的內容面板imagePanel.setOpaque(false);//設置透明this.getLayeredPane().add(label,new Integer(Integer.MIN_VALUE));

效果圖如下圖所示：

（二）添加事件監聽器MyListener（自己命名）

1.頁面切換按鈕功能的實現：

classMyListenerimplementsActionListener{@OverridepublicvoidactionPerformed(ActionEvent e){// TODO Auto-generated method stub//此處添加事件處理的代碼if(e.getSource()==btn_last){//上一頁if(papeNum>1){//不是第一頁 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){//下一頁if(papeNum<str.length){//不是最後一頁 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.字號、字體、字形功能的實現：

if(e.getSource()==twelf)//字號12 size=12; if(e.getSource()==fiveteen)//字號15 size=15; if(e.getSource()==eighteen)//字號18 size=18; if(e.getSource()==twenty)//字號20 size=20; if(e.getSource()==song)//字體宋體 style="宋體"; if(e.getSource()==hei)//字體黑體 style="黑體"; if(e.getSource()==kai)//字體楷體 style="楷體"; if(e.getSource()==chang)//字形常規 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.顏色、換壁紙功能的實現：

if(e.getSource()==red)//顏色紅色 text01.setForeground(Color.red); if(e.getSource()==green)//顏色綠色 text01.setForeground(Color.green); if(e.getSource()==blue)//顏色藍色 text01.setForeground(Color.blue); if(e.getSource()==swap){//換壁紙photoNum++;if(photoNum>=6) photoNum=1;label.setIcon(new ImageIcon("photo//photo"+photoNum+".jpg"));}

4.程序中顯示文字是以String數組形式存儲，這種方式比較方便易懂，但卻使得代碼較多。因此，在文字較多情況下，應考慮以txt文檔形式存儲故事文字，在程序中讀取文檔內容，以顯示在窗口中。

（1）讀取Txt文件：在main主程序寫以下代碼：

FileInputStream流被稱為文件字節輸入流，意思指對文件數據以字節的形式進行讀取操作如讀取圖片視頻等。

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）讀取文件中內容的方法：

public String readFile(InputStream inStream){//讀取文件中的內容byte[] buffer =newbyte[2048]; int hasRead=0;//已經讀取的字節數 StringBuffer sBuffer=new StringBuffer(); try{ while( (hasRead = inStream.read(buffer))!=-1){//還沒有讀完 sBuffer.append(new String(buffer,0,hasRead,"GBK")); } inStream.close(); }catch(Exception e){ e.printStackTrace(); }return sBuffer.toString(); } }

5.標籤本來是一種最簡單的組件，為什麼可以將它設置成為一個窗體的背景呢?

答案：（1）首先還是要了解框架JFrame中的層次結構。JFrame中的層次分布及相對關係是:最底層是JRootPane,第二層是JlayerPane,最上層就是ContentPane,也正是我們常說的內容面板。

(2)所以一般我們拖放的控制項就是在ContentPane層上。也就是說我們只需將背景圖片放在JFrame的第二層是JlayerPane上,再把內容面板ContentPane設置為透明,則第二層JlayerPane上放置的圖片即成為內容面板的背景了。

四、總結

本文主要介紹了JPanel、JButton、JLabel、JTextArea、JMenu、JMenuItem等組件的基本使用，以及相應的事件處理。

以上就是今天的內容了，如果對你有所幫助，希望你能夠關注、點讚、轉發一鍵三連支持一下。

需要完整學習線路和配套課堂筆記，請後臺111。