Java畫圖板程序設計報告

1、西安科技大學Java語言課程設計報告題目： 畫圖板應用程序開發(fā) 班級： 學號： 姓名： 2010年 12 月目 錄1 設計題目及具體要求32 總體設計63 詳細設計與實現44 系統(tǒng)測試115 設計小結31參考文獻1、設計題目及具體要求 1.1 題目需求1. 設計題目：小畫圖板的開發(fā)。2. 重點分析本軟件的重難點為主窗體的設計、菜單欄和工具欄的設計、事件響應的處理、畫圖的基本功能的實現。3. 實現功能1 新建一個空白圖形文件：用于繪制新的圖形。2 打開或保存一個圖形文件，便于對圖形文件的管理。3 繪制一些基本的圖形組件：直線，矩形，實心矩形，橢圓，實心橢圓，圓，實心圓，圓角矩形，實心圓角矩形等。

2、4 用鼠標在繪圖板上單擊拖動進行隨筆花。5 橡皮擦：可以將已繪制的圖形擦掉。6 添加文字：可以在繪圖區(qū)域內添加文字。7 選擇文字的字體：通過一個下拉式的選擇條，可以選中所需要的字體。本程序中包括：宋體，隸書，華文彩云，仿宋-GB2312，華文行楷，Times New Roman，Serif，Monospaced，SonsSerif，Garamond。當然，在下面的程序分析中可以看到，由于設置了字體選擇數組，使得可以隨意添加系統(tǒng)支持的任何字體。大大方便和簡化了程序設計。8 選擇文字的字體風格：通過兩個復選框按鈕，可以選擇需要的字體風格，包括：粗體，斜體，用同時選中兩者，只選擇其中一種或兩者都不選

3、中3種選擇方式。9 設置畫筆的顏色：可以選擇當前繪制圖形的畫筆顏色，讓圖形更加豐富多彩，生動活潑。10. 設置畫筆的粗細：該選項在作用于基本圖形組件和文字時，它的效果是不同的。當作用于繪制圖形組建時，它的作用是改變畫筆繪制線條的粗細；當作用于文字時，它的作用是改變文字的大小。4. 功能圖圖1-1 畫圖板應用程序功能結構圖1.2 實現環(huán)境及工具簡介CPU：Intel Core(TM)2 E5300 內存：2G運行平臺：Windows XP 主頻：2.60GHz 開發(fā)平臺：Eclipse 主板：ASUSTeK Computer INC. P5QL-ASUS-SE Eclipse簡介：Eclipse

4、IBM的Java IDE開發(fā)環(huán)境IBM-Eclipse簡介:Eclipse 是一個開放源代碼的、基于 Java 的可擴展開發(fā)平臺。就其本身而言，它只是一個框架和一組服務，用于通過插件組件構建開發(fā)環(huán)境。幸運的是，Eclipse 附帶了一個標準的插件集，包括 Java 開發(fā)工具（Java Development Tools，JDT）。IBM-Eclipse版本歷史:Eclipse最初是由IBM公司開發(fā)的替代商業(yè)軟件Visual Age for Java的下一代IDE開發(fā)環(huán)境，2001年11月貢獻給開源社區(qū)，現在它由非營利軟件供應商聯盟Eclipse基金會（Eclipse Foundation）管理

5、。 2003年，Eclipse 3.0選擇OSGi服務平臺規(guī)范為運行時架構。 2007年6月，穩(wěn)定版3.3發(fā)布。2008年6月發(fā)布代號為Ganymede的3.4版。2009年7月發(fā)布代號為GALILEO的3.5版。2010年6月發(fā)布代號為Helios的3.6版。IBM-Eclips語言拓展:Eclipse是著名的跨平臺的自由集成開發(fā)環(huán)境（IDE）。最初主要用來Java語言開發(fā)，但是目前亦有人通過插件使其作為其他計算機語言比如C+和Python的開發(fā)工具。Eclipse的本身只是一個框架平臺，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟件很難具有的靈活性。許多軟件開發(fā)商以E

6、clipse為框架開發(fā)自己的IDE。Eclipse 最初由OTI和IBM兩家公司的IDE產品開發(fā)組創(chuàng)建，起始于1999年4月。IBM提供了最初的Eclipse代碼基礎，包括Platform、JDT 和PDE。目前由IBM牽頭，圍繞著Eclipse項目已經發(fā)展成為了一個龐大的Eclipse聯盟，有150多家軟件公司參與到Eclipse項目中，其中包括Borland、Rational Software、Red Hat及Sybase等。Eclipse是一個開發(fā)源碼項目，它其實是 Visual Age for Java的替代品，其界面跟先前的Visual Age for Java差不多，但由于其開放源

7、碼，任何人都可以免費得到，并可以在此基礎上開發(fā)各自的插件，因此越來越受人們關注。近期還有包括Oracle在內的許多大公司也紛紛加入了該項目，并宣稱Eclipse將來能成為可進行任何語言開發(fā)的IDE集大成者，使用者只需下載各種語言的插件即可。Eclipse 插件開發(fā)環(huán)境雖然大多數用戶很樂于將 Eclipse 當作 Java IDE 來使用，但 Eclipse 的目標不僅限于此。Eclipse 還包括插件開發(fā)環(huán)境（Plug-in Development Environment，PDE），這個組件主要針對希望擴展 Eclipse 的軟件開發(fā)人員，因為它允許他們構建與 Eclipse 環(huán)境無縫集成的工

8、具。由于 Eclipse 中的每樣東西都是插件，對于給 Eclipse 提供插件，以及給用戶提供一致和統(tǒng)一的集成開發(fā)環(huán)境而言，所有工具開發(fā)人員都具有同等的發(fā)揮場所。基于 Eclipse 的應用程序的突出例子是 IBM 的 WebSphere Studio Workbench，它構成了 IBM Java 開發(fā)工具系列的基礎。例如，WebSphere Studio Application Developer 添加了對 JSP、servlet、EJB、XML、Web 服務和數據庫訪問的支持。Eclipse的主要組成Eclipse是一個開放源代碼的軟件開發(fā)項目，專注于為高度集成的工具開發(fā)提供一個全功能

9、的、具有商業(yè)品質的工業(yè)平臺。它主要由Eclipse項目、Eclipse工具項目和Eclipse技術項目三個項目組成，具體包括四個部分組成Eclipse Platform、JDT、CDT和PDE。JDT支持Java開發(fā)、CDT支持C開發(fā)、PDE用來支持插件開發(fā)，Eclipse Platform則是一個開放的可擴展IDE，提供了一個通用的開發(fā)平臺。它提供建造塊和構造并運行集成軟件開發(fā)工具的基礎。Eclipse Platform允許工具建造者獨立開發(fā)與他人工具無縫集成的工具從而無須分辨一個工具功能在哪里結束，而另一個工具功能在哪里開始。Eclipse SDKEclipse SDK（軟件開發(fā)者包）是E

10、clipse Platform、JDT和PDE所生產的組件合并，它們可以一次下載。這些部分在一起提供了一個具有豐富特性的開發(fā)環(huán)境，允許開發(fā)者有效地建造可以無縫集成到Eclipse Platform中的工具。Eclipse SDK由Eclipse項目生產的工具和來自其它開放源代碼的第三方軟件組合而成。Eclipse項目生產的軟件以 GPL發(fā)布，第三方組件有各自自身的許可協(xié)議。2、總體設計2.1 基本圖形按鈕基本圖形按鈕包括：Pencil（隨筆畫）、Line（直線）、Rect（矩形）、fRect（實心矩形）、Oval（橢圓）、fOval（實心橢圓）、Circle（圓）、fCircle（實心圓）、R

11、oundRect（圓角矩形）、frrect（實心圓角矩形）、Rubber（橡皮擦）、Word（字）。基本圖形都繼承自同一個父類：drawings。Drawings具有的變量（屬性）：int x1, y1, x2, y2; /用來存放相應圖形元素的左邊int R, G, B; /用來存放圖形色彩信息float stroke; /用來存放畫筆粗細int type; /用來保存圖形類型string s1; /用來保存輸入文字字符串string s2; /用來保存字體類型字符串同時，drawings還有方法：Void draw(Graphics2D g2d) ;draw()方法中用到了java繪圖里面

12、的Graphics2D類，所有繼承drawings類的圖形子類都重寫此方法。這就是Java中類繼承的概念。2.2 基本操作按鈕1. New：新建一個圖形文件。2. Open：打開一個圖形文件。3. Save：保存當前圖形文件。2.3 菜單及其組成1. File菜單項，包括：New（新建一個圖形文件）、Load（打開一個圖形文件）、Save（保存一個圖形文件）、Exit（退出程序）。2. Color菜單項：用來設置當前顏色。3. Stroke菜單項：用來設置當前畫筆粗細。4. Help菜單項：有關的程序幫助提示。2.4 其他功能組成1. 選擇顏色和設置當前畫筆粗細的按鈕分別為：Color、Str

13、oke。2. 選擇當前字體風格的選擇框為：BOLD、ITALIC，用以設置當前字體的風格。3. 選擇當前字體的下來是復選框為：Styles。2.5 完成的程序界面圖為：圖2-1 完成的程序界面效果圖3、詳細設計與實現3.1 新建一個圖形文件單擊工具欄上的圖標，或選擇Fileà New菜單，則清除當前所繪制的圖像，回到初始畫面，如圖4-1所示。3.2 打開已有的文件單擊工具欄上的圖標，或選擇FileàLoad菜單，則清除當前所繪制的圖像，并彈出打開文件對話框要求選擇打開的文件，如圖5-1所示。圖3-1 選擇打開文件對話框3.3 保存單擊工具欄上的圖標，或者選擇File

14、4;Save菜單，則彈出要求保存文件對話框，如圖5-2所示。圖3-2 保存文件對話框3.4 繪制基本圖形基本圖形包括：1. Pencil：隨筆畫，圖標為。2. Line：直線，圖標為。3. Rect：矩形，圖標為。4. fRect：實心矩形，圖標為。5. Oval：橢圓，圖標為。6. fOval：實心橢圓，圖標為。7. Circle：圓，圖標為。8. Fcircle：實心圓，圖標為。9. RoundRect：圓角矩形，圖標為。10. frRect：實心圓角矩形，圖標為。11. Rubber：橡皮擦，圖標為。畫圖時，單擊工具欄上相應圖形的圖標，然后用鼠標拖動，在繪圖區(qū)域內進行繪畫即可。3.5 設

15、置畫筆大小單擊工具欄上的圖標，或者單擊StrokeàSet Stroke菜單，則彈出相應的設置當前畫筆粗細對話框，如圖5-3所示。 圖3-3 設置當前畫筆粗細對話框3.6 選擇顏色 單擊工具欄上的圖標，或單擊ColoràChoose Color菜單，則彈出相應的選擇當前畫圖顏色對話框，如圖5-4所示。圖3-4 選擇顏色對話框3.7 選擇字體風格在工具欄區(qū)域，可以選擇相應的字體風格，有粗體和斜體兩種風格可供選擇。3.8選擇字體 在工具欄區(qū)域，可以選擇字體，本程序中有如下幾種字體可供選擇：宋體，隸書，華文彩云，仿宋-GB2312，華文行楷，Times New Roman，Ser

16、if，Monospaced，SonsSerif，Garamond。3.9 程序結構說明本程序主體文件為一個文件：MiniDrawPad.Java。其中包括的程序段有：1. MiniDrawPad()：構造函數，用以初始化。2. chooseColor()：選擇當前繪圖顏色程序段。3. setStroke()：設置當前畫筆粗細程序段。4. loadFile()：調用圖形文件程序段。5. newFile()：新建一個圖形文件程序段。6. saveFile()：保存當前所繪制圖形程序段。7. createNewItem()：新建一個基本圖形單元程序段。相應的內部類有：1. ButtonHandler

17、：用來處理基本圖形單元的按鈕事件。2. ButtonHandler1：用來處理New、Open、Save三個操作按鈕的按鈕事件。3. DrawPanel：用老創(chuàng)建繪圖區(qū)域的子類。4. MouseA：繼承了MouseAdapter，用來完成鼠標相應事件的操作，如單擊、松開、進入和離開等。5. MouseB：繼承了MouseMotionAdapter，用來完成鼠標拖動和鼠標移動時的相應操作。4、系統(tǒng)測試4.1 運行結果1. 主界面框架主界面類繼承自JFrame類，包括構造函數及各種功能的定義，主要代碼如下 ：import java.awt.*;import java.awt.geom.*;impo

18、rt java.awt.event.*;import javax.swing.*;import java.io.*;import java.util.*;public class MiniDrawPad extends JFrame /主類，擴展了JFrame類，用來生成主界面 private ObjectInputStream input; private ObjectOutputStream output; /定義輸入輸出流，用來調用和保存圖像文件 private JButton choices; /按鈕數組，存放以下名稱的功能按鈕 private String names= "

19、New", "Open", "Save", /這三個是基本操作按鈕，包括"新建"、"打開"、"保存" "Pencil",/鉛筆畫，也就是用鼠標拖動著隨意繪圖 "Line",/繪制直線 "Rect",/繪制空心矩形 "fRect",/繪制以指定顏色填充的實心矩形 "Oval",/繪制空心橢圓 "fOval",/繪制以指定顏色填充的實心橢圓 "Circle&qu

20、ot;,/繪制圓形 "fCircle",/繪制以指定顏色填充的實心圓形 "RoundRect",/繪制空心圓角矩形 "frRect",/繪制以指定顏色填充的實心圓角矩形 "Rubber",/橡皮擦，可用來擦去已經繪制好的圖案 "Color",/選擇顏色按鈕，可用來選擇需要的顏色 "Stroke",/選擇線條粗細的按鈕，輸入需要的數值可以實現繪圖線條粗細的變化 "Word"/輸入文字按鈕，可以在繪圖板上實現文字輸入 ; private String styl

21、eNames= " 宋體 " , " 隸書 " , " 華文彩云 " , " 仿宋_GB2312 " , " 華文行楷 " , " 方正舒體 " , " Times New Roman " , " Serif " , " Monospaced " , " SonsSerif " , " Garamond " ; /可供選擇的字體項 private Icon items; pri

22、vate String tipText= /這里是鼠標移動到相應按鈕上面上停留時給出的提示說明條 "Draw a new picture", "Open a saved picture", "Save current drawing", "Draw at will", "Draw a straight line", "Draw a rectangle", "Fill a ractangle", "Draw an oval", "

23、;Fill an oval", "Draw a circle", "Fill a circle", "Draw a round rectangle", "Fill a round rectangle", "Erase at will", "Choose current drawing color", "Set current drawing stroke", "Write down what u want" ; JToolBa

24、r buttonPanel ; /定義按鈕面板 private JLabel statusBar; /顯示鼠標狀態(tài)的提示條 private DrawPanel drawingArea; /畫圖區(qū)域 private int width=800,height=550; /定義畫圖區(qū)域初始大小 drawings itemList=new drawings5000; /用來存放基本圖形的數組 private int currentChoice=3; /設置默認畫圖狀態(tài)為隨筆畫 int index=0; /當前已經繪制的圖形數目 private Color color=Color.black; /當前畫

25、筆顏色 int R,G,B; /用來存放當前色彩值 int f1,f2; /用來存放當前字體風格 String style1; /用來存放當前字體 private float stroke=1.0f; /設置畫筆粗細，默認值為1.0f JCheckBox bold,italic; /定義字體風格選擇框 /bold為粗體，italic為斜體，二者可以同時使用 JComboBox styles; public MiniDrawPad() /構造函數 super("Drawing Pad"); JMenuBar bar=new JMenuBar();/定義菜單條 JMenu fi

26、leMenu=new JMenu("File"); fileMenu.setMnemonic('F');2. 新建、保存、打開、退出菜單項代碼如下：/新建文件菜單條 JMenuItem newItem=new JMenuItem("New"); newItem.setMnemonic('N'); newItem.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) newFile();/如果被觸發(fā)，則調用新建文件

27、函數段 ); fileMenu.add(newItem);/保存文件菜單項 JMenuItem saveItem=new JMenuItem("Save"); saveItem.setMnemonic('S'); saveItem.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) saveFile();/如果被觸發(fā)，則調用保存文件函數段 ); fileMenu.add(saveItem);/打開文件菜單項 JMenuItem loadItem=

28、new JMenuItem("Load"); loadItem.setMnemonic('L'); loadItem.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) loadFile();/如果被觸發(fā)，則調用打開文件函數段 ); fileMenu.add(loadItem); fileMenu.addSeparator();/退出菜單項 JMenuItem exitItem=new JMenuItem("Exit"); e

29、xitItem.setMnemonic('X'); exitItem.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) System.exit(0);/如果被觸發(fā)，則退出畫圖板程序 ); fileMenu.add(exitItem); bar.add(fileMenu);3. 線條寬度、顏色、提示功能代碼如下：/設置顏色菜單條 JMenu colorMenu=new JMenu("Color"); colorMenu.setMnemonic(&

30、#39;C');/選擇顏色菜單項 JMenuItem colorItem=new JMenuItem("Choose Color"); colorItem.setMnemonic('O'); colorItem.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) chooseColor();/如果被觸發(fā)，則調用選擇顏色函數段 ); colorMenu.add(colorItem); bar.add(colorMenu);/設置線條粗細菜單

31、條 JMenu strokeMenu=new JMenu("Stroke"); strokeMenu.setMnemonic('S');/設置線條粗細菜單項 JMenuItem strokeItem=new JMenuItem("Set Stroke"); strokeItem.setMnemonic('K'); strokeItem.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) setStroke();

32、 ); strokeMenu.add(strokeItem); bar.add(strokeMenu);/設置提示菜單條 JMenu helpMenu=new JMenu("Help"); helpMenu.setMnemonic('H');/設置提示菜單項 JMenuItem aboutItem=new JMenuItem("About this Drawing Pad!"); aboutItem.setMnemonic('A'); aboutItem.addActionListener( new ActionListe

33、ner() public void actionPerformed(ActionEvent e) JOptionPane.showMessageDialog(null, "This is a mini drawing pad!nBy Jian Yongkang 0808010208 ", " 畫圖板程序說明 ",JOptionPane.INFORMATION_MESSAGE ); ); helpMenu.add(aboutItem); bar.add(helpMenu); items=new ImageIconnames.length;4. 工具欄圖形按

34、鈕功能實現 創(chuàng)建基本圖形按鈕、導入圖標、加入動作偵聽器、字體風格選擇、字體選擇、畫圖板等功能的實現。代碼如下：/創(chuàng)建各種基本圖形的按鈕 drawingArea=new DrawPanel(); choices=new JButtonnames.length; buttonPanel = new JToolBar( JToolBar.VERTICAL ) ; buttonPanel = new JToolBar( JToolBar.HORIZONTAL) ; ButtonHandler handler=new ButtonHandler(); ButtonHandler1 handler1=ne

35、w ButtonHandler1();/導入圖形圖標，這些圖標都存放在與源文件相同的目錄下面 for(int i=0;i<choices.length;i+) itemsi=new ImageIcon(namesi + ".jpg"); choicesi=new JButton("",itemsi); choicesi.setToolTipText(tipTexti); buttonPanel.add(choicesi); /將動作偵聽器加入按鈕里面 for(int i=3;i<choices.length-3;i+) choicesi.ad

36、dActionListener(handler); choices0.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) newFile(); ); choices1.addActionListener( new ActionListener() public void actionPerformed(ActionEvent e) loadFile(); ); choices2.addActionListener( new ActionListener() public void

37、actionPerformed(ActionEvent e) saveFile(); ); choiceschoices.length-3.addActionListener(handler1); choiceschoices.length-2.addActionListener(handler1); choiceschoices.length-1.addActionListener(handler1);/字體風格選擇 styles=new JComboBox(styleNames); styles.setMaximumRowCount(8); styles.addItemListener(

38、new ItemListener() public void itemStateChanged(ItemEvent e) style1=styleNamesstyles.getSelectedIndex(); );/字體選擇 bold=new JCheckBox("BOLD"); italic=new JCheckBox("ITALIC"); checkBoxHandler cHandler=new checkBoxHandler(); bold.addItemListener(cHandler); italic.addItemListener(cHan

39、dler); JPanel wordPanel=new JPanel(); buttonPanel.add(bold); buttonPanel.add(italic); buttonPanel.add(styles); styles.setMinimumSize( new Dimension ( 50, 20 ) ); styles.setMaximumSize(new Dimension ( 100, 20 ) ); Container c=getContentPane(); super.setJMenuBar( bar ); c.add(buttonPanel,BorderLayout.

40、NORTH); c.add(drawingArea,BorderLayout.CENTER); statusBar=new JLabel(); c.add(statusBar,BorderLayout.SOUTH); statusBar.setText(" Welcome To The Little Drawing Pad! :)"); createNewItem(); setSize(width,height); show(); /按鈕偵聽器ButtonHanler類，內部類，用來偵聽基本按鈕的操作public class ButtonHandler implements

41、 ActionListener public void actionPerformed(ActionEvent e) for(int j=3;j<choices.length-3;j+) if(e.getSource()=choicesj) currentChoice=j; createNewItem(); repaint(); /按鈕偵聽器ButtonHanler1類，用來偵聽顏色選擇、畫筆粗細設置、文字輸入按鈕的操作public class ButtonHandler1 implements ActionListener public void actionPerformed(Act

42、ionEvent e) if(e.getSource()=choiceschoices.length-3) chooseColor(); if(e.getSource()=choiceschoices.length-2) setStroke(); if(e.getSource()=choiceschoices.length-1) JOptionPane.showMessageDialog(null, "Please hit the drawing pad to choose the word input position", "Hint",JOption

43、Pane.INFORMATION_MESSAGE ); currentChoice=14; createNewItem(); repaint(); /鼠標事件mouseA類，繼承了MouseAdapter，用來完成鼠標相應事件操作 class mouseA extends MouseAdapter public void mousePressed(MouseEvent e) statusBar.setText(" Mouse Pressed :" + e.getX() + ", " + e.getY() + "");/設置狀態(tài)提示 i

44、temListindex.x1=itemListindex.x2=e.getX(); itemListindex.y1=itemListindex.y2=e.getY(); /如果當前選擇的圖形是隨筆畫或者橡皮擦，則進行下面的操作 if(currentChoice=3|currentChoice=13) itemListindex.x1=itemListindex.x2=e.getX(); itemListindex.y1=itemListindex.y2=e.getY(); index+; createNewItem(); /如果當前選擇的圖形式文字輸入，則進行下面操作 if(current

45、Choice=14) itemListindex.x1=e.getX(); itemListindex.y1=e.getY(); String input; input=JOptionPane.showInputDialog( "Please input the text you want!"); itemListindex.s1=input; itemListindex.x2=f1; itemListindex.y2=f2; itemListindex.s2=style1; index+; currentChoice=14; createNewItem(); drawin

46、gArea.repaint(); public void mouseReleased(MouseEvent e) statusBar.setText(" Mouse Released :" + e.getX() + ", " + e.getY() + ""); if(currentChoice=3|currentChoice=13) itemListindex.x1=e.getX(); itemListindex.y1=e.getY(); itemListindex.x2=e.getX(); itemListindex.y2=e.ge

47、tY(); repaint(); index+; createNewItem(); public void mouseEntered(MouseEvent e) statusBar.setText(" Mouse Entered :" + e.getX() + ", " + e.getY() + ""); public void mouseExited(MouseEvent e) statusBar.setText(" Mouse Exited :" + e.getX() + ", " + e.getY() + ""); class mouseB extends MouseMotionAdapter public void mouseDragged(MouseEvent e) statusBar.setText(" Mouse Dragged :" + e.getX() +", " + e.getY() + ""); if(currentChoice=3|curren