實驗八圖形用戶界面【開發(fā)語言及實現(xiàn)平臺或實驗環(huán)境】Windows2000或XP，JDK1.6與Jcreator4.0【實驗目的】了解圖形用戶界面基本組件窗口、按鈕、文本框、選擇框、滾動條等的使用方法，了解如何使用布局管理器對組件進行管理，以及如何使用Java的事件處理機制?！緦嶒炓蟆?.掌握在Applet容器中添加組件的方法，掌握使用布局管理器對組件進行管理的方法。2.理解Java的事件處理機制，掌握為不同組件編寫事件處理程序的方法。3.掌握編寫獨立運行的窗口界面的方法。4.了解JavaSwing組件的使用方法。5.了解對話框的使用方法?！緦嶒瀮热荨恳唬畡?chuàng)建圖形用戶界面圖形用戶界面（GraphicUserInterface，簡稱GUI）是為方便用戶使用設計的窗口界面，在圖形用戶界面中用戶可以看到什么就操作什么，取代了在字符方式下知道是什么后才能操作什么的方式。組件（Component）是構成GUI的基本要素，通過對不同事件的響應來完成和用戶的交互或組件之間的交互。組件一般作為一個對象放置在容器（Container）內，容器是能容納和排列組件的對象，如Applet、Panel（面板）、Frame（窗口）等。通過容器的add方法把組件加入到容器中。1．在Applet中添加標簽、按鈕并使用網(wǎng)格布局（1）程序功能：在Applet容器中添加組件標簽、按鈕，并使用網(wǎng)格布局管理器排列組件在容器中的位置。（2）編寫LX8_1.java程序文件，源代碼如下。importjava.awt.*;importjava.applet.Applet;publicclassLX8_1extendsApplet{Labell1;Buttonb1,b2,b3,b4,b5,b6;publicvoidinit(){setLayout(newGridLayout(3,3));//設置網(wǎng)格布局（3行3列共9個網(wǎng)格）l1=newLabel("標簽1");b1=newButton("按鈕1");b2=newButton("按鈕2");b3=newButton("按鈕3");b4=newButton("按鈕4");add(l1);add(b1);add(b2);add(b3);add(newLabel());add(b4);add(newButton("按鈕5"));add(newButton("按鈕6"));add(newLabel("標簽2"));}}（3）編譯程序LX8_1.java。（4）編寫顯示Applet的頁面文件LX8_1.html，在瀏覽器顯示結果如圖8.1所示。圖8.12．在面板中添加組件（1）程序功能：在Applet中添加面板容器，并分別在Applet、面板容器中添加組件并使用不同的布局管理方式。（2）編寫LX8_2.java程序文件，源代碼如下。importjava.awt.*;importjava.awt.Color;importjava.applet.Applet;publicclassLX6_2extendsApplet{publicvoidinit(){//設置最底層的Applet容器為順序布局setFont(newFont("Arial",Font.PLAIN,20));Labell=newLabel("這是最底層的Applet容器中的標簽",Label.CENTER);add(l);Panelpanel1=newPanel();add(panel1);panel1.setBackground(Color.blue);for(inti=0;i<4;i++){radio[i]=newCheckbox(Item[i],cbGroup,false);add(radio[i]);radio[i].addItemListener(this);}}publicvoiditemStateChanged(ItemEvente){intx=Integer.parseInt(TF.getText());if(e.getItem()=="2進制")area.append("你選擇的是"+e.getItem()+Integer.toBinaryString(x)+"\n");if(e.getItem()=="8進制")area.append("你選擇的是"+e.getItem()+Integer.toOctalString(x)+"\n");if(e.getItem()=="16進制")area.append("你選擇的是"+e.getItem()+Integer.toHexString(x)+"\n");if(e.getItem()=="10進制")area.append("你選擇的是"+e.getItem()+x+"\n");}}（3）編譯程序LX8_4.java。（4）編寫顯示Applet的頁面文件LX8_4.html，在瀏覽器顯示結果如圖8.4所示。圖8.4三．建立獨立運行的窗口界面并使用匿名類最常使用的包含組件的容器是窗口，在Java中窗口由Frame類生成。1．創(chuàng)建一個窗口界面（1）程序功能：創(chuàng)建一個具有關閉功能的空白窗口。（2）編寫LX8_5_W.java程序文件，源代碼如下。importjava.awt.*;importjava.awt.event.*;publicclassLX8_5_W{publicstaticvoidmain(String[]args){newLX8_5_W();}LX8_5_W(){Framef=newFrame("初始窗口");//創(chuàng)建窗口對象f.setSize(350,200);//設置窗口大小f.setVisible(true);//設置窗口是可視的f.addWindowListener(newWindowAdapter(){//為窗口添加窗口事件適配器publicvoidwindowClosing(WindowEvente){//關閉窗口事件的方法System.exit(0);}});}}（3）編譯并運行程序，會出現(xiàn)一個界面窗口如圖8.5所示。它可以最大化、最小化，單擊×按鈕可以關閉該窗口。圖8.52．在窗口中添加組件（1）程序功能：在窗口中添加組件。（2）編寫LX8_6.java程序文件，源代碼如下。importjava.awt.*;importjava.awt.event.*;publicclassLX8_6extendsFrameimplementsActionListener{Buttonbtn1,btn2;TextFieldf,tf1,tf2;TextAreaArea;LX8_6(){super("添加組件的窗口");addWindowListener(newWindowAdapter(){publicvoidwindowClosing(WindowEvente){System.exit(0);}});setSize(350,250);//設置窗口大小setLocation(200,200);//設置窗口顯示位置setFont(newFont("Arial",Font.PLAIN,12));//設置字體setLayout(newFlowLayout());Area=newTextArea(6,40);tf1=newTextField(10);tf2=newTextField(10);btn1=newButton("顯示");btn2=newButton("退出");f=newTextField(20);add(Area);add(newLabel("用戶名"));add(tf1);add(newLabel("電話"));add(tf2);add(f);add(btn1);add(btn2);tf1.addActionListener(this);tf2.addActionListener(this);btn1.addActionListener(this);btn2.addActionListener(this);show();}publicstaticvoidmain(Stringargs[]){newLX8_6();}publicvoidactionPerformed(ActionEvente){if(e.getSource()==btn1)f.setText("你按下了“"+e.getActionCommand()+"”按鈕");if(e.getSource()==tf1)Area.append("用戶名："+tf1.getText()+"\n");if(e.getSource()==tf2)Area.append("電話："+tf2.getText()+"\n");if(e.getSource()==btn2){for(inti=0;i<100000000;i++);dispose();//只關閉當前窗口,注銷該對象}}}（3）編譯并運行程序，界面窗口如圖8.6所示。圖8.63．為窗口添加菜單（1）程序功能：在窗口中添加菜單欄，在菜單欄添加菜單項，并添加下拉菜單和2級菜單，通過選擇菜單項可以執(zhí)行不同操作，如“打開”可打開LX8_6類生成的窗口。（2）編寫LX8_7.java程序文件，源代碼如下。importjava.awt.*;importjava.awt.event.*;publicclassLX8_7extendsFrameimplementsActionListener{Panelp=newPanel();Buttonb=newButton("退出");MenuBarmb=newMenuBar();//以下生成菜單組件對象Menum1=newMenu("文件");MenuItemopen=newMenuItem("打開");MenuItemclose=newMenuItem("關閉");MenuItemexit=newMenuItem("退出");Menum12=newMenu("編輯");MenuItemcopy=newMenuItem("復制");MenuItemcut=newMenuItem("剪切");MenuItempaste=newMenuItem("粘貼");Menum2=newMenu("幫助");MenuItemcontent=newMenuItem("目錄");MenuItemindex=newMenuItem("索引");MenuItemabout=newMenuItem("關于");LX8_7(){super("添加菜單的窗口");setSize(350,200);add("South",p);p.add(b);b.addActionListener(this);m1.add(open);//將菜單項加入到菜單m1中m1.add(close);m1.addSeparator();//在菜單中添加分隔條m1.add(exit);open.addActionListener(this);//給菜單項open注冊事件監(jiān)聽器exit.addActionListener(this);mb.add(m1);//將菜單m1加入到菜單欄mb中m12.add(copy);m12.add(cut);m12.add(paste);m1.add(m12);//將m12作為2級菜單添加到m1菜單項中m2.add(content);m2.add(index);m2.addSeparator();m2.add(about);mb.add(m2);setMenuBar(mb);//設置菜單欄為mbshow();//顯示組件}publicstaticvoidmain(Stringargs[]){newLX8_7();}publicvoidactionPerformed(ActionEvente){if(e.getActionCommand()=="退出")System.exit(0);if(e.getActionCommand()=="打開")newLX8_6();}}（3）編譯并運行程序，界面窗口如圖8.7所示。圖8.7四．使用Swing組件在Java中，能夠實現(xiàn)圖形用戶界面的類庫有兩個：java.awt和javax.swing。前者稱為抽象窗口工具庫AWT（AbstractWindowsToolkit），后者是Java基礎類庫JFC（JavaFoundationClasses）的一個組成部分，它提供了一套功能更強、數(shù)量更多、更美觀的圖形用戶界面組件。Swing組件名稱和AWT組件名稱基本相同，但以J開頭，例如AWT按鈕類的名稱是Button，在Swing中的名稱則是JButton。1．在JApplet中添加Swing組件（1）程序功能：在JApplet中添加3個帶有圖片的按鈕和一個帶有圖片的標簽。（2）準備圖片文件：在當前目錄下建立一個image文件夾，存放4個圖片文件，例如PreviousArrow.gif。（3）編寫LX8_8.java程序文件，源代碼如下。importjavax.swing.*;importjava.awt.*;importjava.awt.Color;publicclassLX8_8extendsJApplet{Containerpane;JPanelpanel1,panel2;JButtonbutton1,button2,button3;JLabellabel;publicvoidinit(){pane=getContentPane();panel1=newJPanel(newFlowLayout());panel2=newJPanel(newFlowLayout());ImageIconicon=newImageIcon("image/PreviousArrow.gif","");button1=newJButton(icon);button2=newJButton(newImageIcon("image/go.GIF"));button3=newJButton(newImageIcon("image/NextArrow.gif"));label=newJLabel("圖像標簽",newImageIcon("image/Candl02.gif"),SwingConstants.CENTER);pane.setBackground(newColor(255,255,200));panel1.setBackground(newColor(255,255,104));panel2.setBackground(newColor(255,255,214));button1.setToolTipText("向上翻頁按鈕");button2.setToolTipText("跳轉按鈕");button3.setToolTipText("向下翻頁按鈕");pane.add("North",panel1);pane.add(panel2,BorderLayout.SOUTH);panel1.add(button1);panel1.add(button2);panel1.add(button3);panel2.add(label);}}（4）編譯LX8_8.java。（5）編寫顯示LX8_8.class的頁面文件。（6）使用appletviewer查看程序，結果如圖8.8所示。圖8.82.在JFrame窗口中添加組件（1）程序功能：創(chuàng)建JFrame窗口，并在其中添加工具欄。（2）準備圖片文件：在當前目錄下建立一個image文件夾，存放3個圖片文件，例如PreviousArrow.gif。（3）編寫LX8_9.java程序文件，源代碼如下。importjavax.swing.*;importjava.awt.*;importjava.awt.event.*;publicclassLX8_9extendsJFrameimplementsActionListener{JButtonbutton1,button2,button3;JToolBartoolBar;JTextAreatextArea;JScrollPanescrollPane;JPanelpanel;publicstaticvoidmain(String[]args){newLX8_9();}publicLX8_9(){super("帶有工具欄按鈕的窗口");addWindowListener(newWindowAdapter(){publicvoidwindowClosing(WindowEvente){System.exit(0);}});button1=newJButton(newImageIcon("image/PreviousArrow.gif"));button2=newJButton(newImageIcon("image/go.GIF"));button3=newJButton(newImageIcon("image/NextArrow.gif"));button1.addActionListener(this);button2.addActionListener(this);button3.addActionListener(this);toolBar=newJToolBar();toolBar.add(button1);toolBar.add(button2);toolBar.add(button3);textArea=newJTextArea(6,30);scrollPane=newJScrollPane(textArea);panel=newJPanel();setContentPane(panel);panel.setLayout(newBorderLayout());panel.setPreferredSize(newDimension(300,150));panel.add(toolBar,BorderLayout.NORTH);panel.add(scrollPane,BorderLayout.CENTER);pack();show();}publicvoidactionPerformed(ActionEvente){Strings="";if(e.getSource()==button1)s="左按鈕被單擊\n";elseif(e.getSource()==button2)s="中按鈕被單擊\n";elseif(e.getSource()==button3)s="右按鈕被單擊\n";textArea.append(s);}}（4）編譯LX8_9.java。（5）運行LX8_9.class，產(chǎn)生的窗口界面如圖8.9所示。圖8.9五．使用自定義對話框與內部類對話框是GUI中很常見的窗口對象，有著廣泛的應用。對話框和普通窗口最大的不同就是對話框是依附在某個窗口上，一旦它所依附的窗口關閉了，對話框也要隨著關閉。Java提供了Dialog類用于制作自定義對話框，當需要改變一些數(shù)據(jù)或需要一個提示窗口時可使用自定義對話框。1．創(chuàng)建自定義對話框的應用程序（1）程序功能：創(chuàng)建一個帶有文本區(qū)及“對話框”按鈕的父窗口，單擊“對話框”按鈕可打開一個自定義對話框，從中可以定義行和列的數(shù)值，關閉對話框其設置的設置會顯示在父窗口的文本區(qū)中。（2）編寫LX8_10.java程序文件，源代碼如下。importjavax.swing.*;importjava.awt.*;importjava.awt.event.*;publicclassLX8_10extendsJFrameimplementsActionListener{introw=10,col=40;JPanelp1=newJPanel(),p2=newJPanel();JTextAreata=newJTextArea("文本區(qū)行數(shù):"+row+"列數(shù):"+col,row,col);JScrollPanescrollPane=newJScrollPane(ta);Buttonexit=newButton("關閉");Buttondialog=newButton("對話框");JPanelpanel=newJPanel();LX8_10(){setContentPane(panel);setTitle("帶有對話框的父窗口");panel.setPreferredSize(newDimension(500,200));panel.setLayout(newBorderLayout());panel.add("Center",p1);panel.add("South",p2);p1.add(scrollPane);p2.add(exit);p2.add(dialog);exit.addActionListener(this);dialog.addActionListener(this);pack();show();//setVisible(true);}publicstaticvoidmain(Stringargs[]){newLX8_10();}publicvoidactionPerformed(ActionEvente){if(e.getSource()==exit)System.exit(0);else{MyDialogdlg=newMyDialog(this,true);dlg.show();}}classMyDialogextendsDialogimplementsActionListener{Labellabel1=newLabel("請輸入行數(shù)");Labellabel2=newLabel("請輸入列數(shù)");TextFieldrows=newTextField(50);TextFieldcolumns=newTextField(50);ButtonOK=newButton("確定");ButtonCancel=newButton("取消");MyDialog(LX8_10parent,booleanmodal){super(parent,modal);setTitle("自定義對話框");setSize(260,140);setResizable(false);setLayout(null);add(label1);add(label2);label1.setBounds(50,30,65,20);label2.setBounds(50,60,65,20);add(rows);add(columns);rows.setText(Integer.toString(ta.getRows()));columns.setText(Integer.to