一、項目背景

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

二、項目目標

1.實現美觀的界面。

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

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

三、項目實施

使用eclipse軟件開發，先上效果圖，如下圖所示。可以看到在界面上有可以改變字號、字體、字形、顏色、設置選項的菜單欄，頁面切換的功能。

接下來，小編帶大家進行具體的實現，具體的實現步驟如下。

（一）首先實現窗體界面

public static void main(String[] args)throws IOException {// TODO Auto-generated method stub  StoryBook s = new StoryBook();  s.setTitle("小故事大道理");  s.setSize (600,500);  s.setVisible(true);}

1.使用new關鍵字創建StoryBook類

setTitle表示設置界面的標題；setSize(寬,高)表示窗體大小；setVisible(true或false)表示窗體是否可見；

效果圖如下圖：< /span>

（二）實現菜單欄

1.實現菜單欄步驟：

（1）創建JFrame實例、JPanel面板，然後把麵板添加到JFrame中。

（2）創建JMenuBar菜單欄對象，JMenu在創建菜單對象，將菜單對象添加到菜單欄對像中。

（3）將JMenuItem菜單項添加到JMenu中。

public class StoryBook extends JFrame {//成員變量private  static JTextArea text01 = new JTextArea("");private String style="宋體";private int pattern = Font.PLAIN;//字形(常規) private int size=10;//字號private static String[] str=new String[3];

（4）面板一實現上下頁按鈕佈局

private JPanel panel01=new JPanel();private JPanel panel02=new JPanel();private JButton btn_last=new JButton("上一頁");private JButton btn_next=new JButton("下一頁" );private int papeNum=1;//當前的頁碼1 2 3

（5）菜單欄的字號

private JMenuBar jb = new JMenuBar();private JMenu fontsize = new JMenu("字號");private JMenuItem twelf = new JMenuItem("12");private JMenuItem fiveteen = new JMenuItem("15") ;private JMenuItem eighteen = new JMenuItem("18");private JMenuItem twenty = new JMenuItem("20");

（6）菜單欄的字體

private JMenu font = new JMenu("字體");private JMenuItem song = new JMenuItem("宋體");private JMenuItem hei = new JMenuItem("黑體");private JMenuItem kai = new JMenuItem("楷體");

（7）菜單欄的字形

private JMenu fontstyle = new JMenu("字形");private JMenuItem chang = new JMenuItem("常規");private JMenuItem jia = new JMenuItem("加粗");private JMenuItem qing = new JMenuItem( "傾斜");

（8）菜單欄的顏色

private JMenu color = new JMenu("顏色");private JMenuItem red = new JMenuItem("紅色");private JMenuItem green = new JMenuItem("綠色");private JMenuItem blue = new JMenuItem("藍色");

（10）菜單欄的設置

private JMenu intall = new JMenu("設置");  private JMenuItem swap = new JMenuItem("換壁紙");

< span style="letter-spacing: 1px;">（11）當前的背景圖片

private int photoNum=1;//當前顯示背景圖的序號private JPanel imagePanel;private ImageIcon bg= new ImageIcon("photo//photo"+photoNum+".jpg");//背景圖private JLabel label = new JLabel(bg);

（三）在StoryBook類的構造函數設置組件的屬性

1.設置字體

text01.setLineWrap(true);//自動換行text01.setFont(new Font(style,pattern,size));this.add(text01,BorderLayout.CENTER);

2.設置當前第一頁的上一頁的按鈕不可以點擊，添加上下頁按鈕到邊界佈局的南方向

btn_last.setEnabled(false);btn_next.setEnabled(true);panel01.add(btn_last);panel01.add(btn_next);this.add(panel01,BorderLayout.SOUTH);< /pre>3 .添加菜單欄的菜單（字號、字體、字形、顏色、設置）
jb.add(fontsize);jb.add(font);jb.add(fontstyle);jb.add(color);jb.add(intall);
< p data-track="45">4.添加字號的12、15、18、20 
fontsize.add(twelf);fontsize.add(fiveteen);fontsize.add(eighteen);fontsize.add(twenty);this.setJMenuBar(jb);
< p data-track="47">效果圖如下圖： 
5.添加字體的宋體、黑體、楷體
font.add(song);font.add(hei);font.add(kai);
效果圖如下圖：
6.添加字形的常規、加粗、傾斜
fontstyle.add(chang);fontstyle.add(jia);fontstyle.add(qing);
效果圖如下圖：
7.添加顏色紅色、綠色、藍色
color.add(red);color.add(green);color.add(blue);
效果圖如下圖：
8.添加設置換壁紙
intall.add(swap);
效果圖如下圖：
以上將字號、字體、字形、顏色、設置添加到JMenuBar菜單欄中，字體裡面的菜單項如黑體、宋體添加到菜單中。其他字號、字形、顏色、設置添加組件也一樣！ 
接下來實現功能請看手把手教你用Java打造一款簡單故事書（下篇）！ 

四、總結
本文主要介紹了JPanel、JButton、JLabel、JTextArea、JMenu、JMenuItem等組件的基本使用，以及相應的事件處理。這些代碼比較簡單，也是一個簡單的小案例，希望對你的學習有所幫助。下篇文章，我們進行具體的實現，敬請期待！