[[373730]]

上篇文章，我們介紹了故事書的理論內(nè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)、字體、字形、顏色、壁紙等選擇，按鈕頁面切換功能。

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

三、項(xiàng)目實(shí)施

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

接下來，小編帶大家完成剩下的功能，具體的實(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)聽器MyListener(自己命名)

1.頁面切換按鈕功能的實(shí)現(xiàn)：

class MyListener implements ActionListener{ 
@Override 
public void actionPerformed(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.字號(hào)、字體、字形功能的實(shí)現(xiàn)：

if(e.getSource()==twelf)//字號(hào)12 
   size=12; 
   if(e.getSource()==fiveteen)//字號(hào)15 
   size=15; 
   if(e.getSource()==eighteen)//字號(hào)18 
   size=18; 
   if(e.getSource()==twenty)//字號(hào)20 
   size=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 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){//還沒有讀完 
         sBuffer.append(new String(buffer,0,hasRead,"GBK")); 
 } 
 inStream.close(); 
 }catch(Exception e){ 
 e.printStackTrace(); 
 } 
 
return sBuffer.toString(); 
    }      
} 

5.標(biāo)簽本來是一種最簡單的組件，為什么可以將它設(shè)置成為一個(gè)窗體的背景呢?

答案：(1)首先還是要了解框架JFrame中的層次結(jié)構(gòu)。JFrame中的層次分布及相對(duì)關(guān)系是:最底層是JRootPane,第二層是JlayerPane,最上層就是ContentPane,也正是我們常說的內(nèi)容面板。

(2)所以一般我們拖放的控件就是在ContentPane層上。也就是說我們只需將背景圖片放在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.代碼很簡單，希望能幫到你。

本文轉(zhuǎn)載自微信公眾號(hào)「Java進(jìn)階學(xué)習(xí)交流」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系Java進(jìn)階學(xué)習(xí)交流公眾號(hào)。