手把手教你用Java打造一款簡(jiǎn)單故事書(shū)之二
上篇文章，我們介紹了故事書(shū)的理論內(nèi)容，這篇文章，我們一起來(lái)看具體的代碼實(shí)現(xiàn)。，具體教程如下。
一、項(xiàng)目背景
隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，電子版的書(shū)成為現(xiàn)在主流，針對(duì)用戶的需求，有的放矢地呈現(xiàn)給用戶，閱讀電子版書(shū)，提高他們的學(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)單故事書(shū)(上篇)，完成界面的窗口、菜單欄、上下頁(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{
- @Override
- 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<str.length){//不是最后一頁(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)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){//還沒(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)部類(lèi)的創(chuàng)建。
3.代碼很簡(jiǎn)單，希望能幫到你。
本文轉(zhuǎn)載自微信公眾號(hào)「Java進(jìn)階學(xué)習(xí)交流」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系Java進(jìn)階學(xué)習(xí)交流公眾號(hào)。
