實(shí)驗(yàn)八-圖形用戶界面

實(shí)驗(yàn)八圖形用戶界面【開發(fā)語言及實(shí)現(xiàn)平臺或?qū)嶒?yàn)環(huán)境】Windows2000或XP，JDK1.6與Jcreator4.0【實(shí)驗(yàn)?zāi)康摹苛私鈭D形用戶界面基本組件窗口、按鈕、文本框、選擇框、滾動(dòng)條等的使用方法，了解如何使用布局管理器對組件進(jìn)行管理，以及如何使用Java的事件處理機(jī)制?！緦?shí)驗(yàn)要求】1.掌握在Applet容器中添加組件的方法，掌握使用布局管理器對組件進(jìn)行管理的方法。2.理解Java的事件處理機(jī)制，掌握為不同組件編寫事件處理程序的方法。3.掌握編寫?yīng)毩⑦\(yùn)行的窗口界面的方法。4.了解JavaSwing組件的使用方法。5.了解對話框的使用方法?！緦?shí)驗(yàn)內(nèi)容】一．創(chuàng)建圖形用戶界面圖形用戶界面（GraphicUserInterface，簡稱GUI）是為方便用戶使用設(shè)計(jì)的窗口界面，在圖形用戶界面中用戶可以看到什么就操作什么，取代了在字符方式下知道是什么后才能操作什么的方式。組件（Component）是構(gòu)成GUI的基本要素，通過對不同事件的響應(yīng)來完成和用戶的交互或組件之間的交互。組件一般作為一個(gè)對象放置在容器（Container）內(nèi)，容器是能容納和排列組件的對象，如Applet、Panel（面板）、Frame（窗口）等。通過容器的add方法把組件加入到容器中。1．在Applet中添加標(biāo)簽、按鈕并使用網(wǎng)格布局（1）程序功能：在Applet容器中添加組件標(biāo)簽、按鈕，并使用網(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));//設(shè)置網(wǎng)格布局（3行3列共9個(gè)網(wǎng)格）l1=newLabel("標(biāo)簽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("標(biāo)簽2"));}}（3）編譯程序LX8_1.java。（4）編寫顯示Applet的頁面文件LX8_1.html，在瀏覽器顯示結(jié)果如圖8.1所示。圖8.12．在面板中添加組件（1）程序功能：在Applet中添加面板容器，并分別在Applet、面板容器中添加組件并使用不同的布局管理方式。（2）編寫LX8_2.java程序文件，源代碼如下。importjava.awt.*;importjava.awt.Color;importjava.applet.Applet;publicclassLX6_2extendsApplet{publicvoidinit(){//設(shè)置最底層的Applet容器為順序布局setFont(newFont("Arial",Font.PLAIN,20));Labell=newLabel("這是最底層的Applet容器中的標(biāo)簽",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進(jìn)制")area.append("你選擇的是"+e.getItem()+Integer.toBinaryString(x)+"\n");if(e.getItem()=="8進(jìn)制")area.append("你選擇的是"+e.getItem()+Integer.toOctalString(x)+"\n");if(e.getItem()=="16進(jìn)制")area.append("你選擇的是"+e.getItem()+Integer.toHexString(x)+"\n");if(e.getItem()=="10進(jìn)制")area.append("你選擇的是"+e.getItem()+x+"\n");}}（3）編譯程序LX8_4.java。（4）編寫顯示Applet的頁面文件LX8_4.html，在瀏覽器顯示結(jié)果如圖8.4所示。圖8.4三．建立獨(dú)立運(yùn)行的窗口界面并使用匿名類最常使用的包含組件的容器是窗口，在Java中窗口由Frame類生成。1．創(chuàng)建一個(gè)窗口界面（1）程序功能：創(chuàng)建一個(gè)具有關(guān)閉功能的空白窗口。（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);//設(shè)置窗口大小f.setVisible(true);//設(shè)置窗口是可視的f.addWindowListener(newWindowAdapter(){//為窗口添加窗口事件適配器publicvoidwindowClosing(WindowEvente){//關(guān)閉窗口事件的方法System.exit(0);}});}}（3）編譯并運(yùn)行程序，會(huì)出現(xiàn)一個(gè)界面窗口如圖8.5所示。它可以最大化、最小化，單擊×按鈕可以關(guān)閉該窗口。圖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);//設(shè)置窗口大小setLocation(200,200);//設(shè)置窗口顯示位置setFont(newFont("Arial",Font.PLAIN,12));//設(shè)置字體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();//只關(guān)閉當(dāng)前窗口,注銷該對象}}}（3）編譯并運(yùn)行程序，界面窗口如圖8.6所示。圖8.63．為窗口添加菜單（1）程序功能：在窗口中添加菜單欄，在菜單欄添加菜單項(xiàng)，并添加下拉菜單和2級菜單，通過選擇菜單項(xiàng)可以執(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("關(guān)閉");MenuItemexit=newMenuItem("退出");Menum12=newMenu("編輯");MenuItemcopy=newMenuItem("復(fù)制");MenuItemcut=newMenuItem("剪切");MenuItempaste=newMenuItem("粘貼");Menum2=newMenu("幫助");MenuItemcontent=newMenuItem("目錄");MenuItemindex=newMenuItem("索引");MenuItemabout=newMenuItem("關(guān)于");LX8_7(){super("添加菜單的窗口");setSize(350,200);add("South",p);p.add(b);b.addActionListener(this);m1.add(open);//將菜單項(xiàng)加入到菜單m1中m1.add(close);m1.addSeparator();//在菜單中添加分隔條m1.add(exit);open.addActionListener(this);//給菜單項(xiàng)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菜單項(xiàng)中m2.add(content);m2.add(index);m2.addSeparator();m2.add(about);mb.add(m2);setMenuBar(mb);//設(shè)置菜單欄為mbshow();//顯示組件}publicstaticvoidmain(Stringargs[]){newLX8_7();}publicvoidactionPerformed(ActionEvente){if(e.getActionCommand()=="退出")System.exit(0);if(e.getActionCommand()=="打開")newLX8_6();}}（3）編譯并運(yùn)行程序，界面窗口如圖8.7所示。圖8.7四．使用Swing組件在Java中，能夠?qū)崿F(xiàn)圖形用戶界面的類庫有兩個(gè)：java.awt和javax.swing。前者稱為抽象窗口工具庫AWT（AbstractWindowsToolkit），后者是Java基礎(chǔ)類庫JFC（JavaFoundationClasses）的一個(gè)組成部分，它提供了一套功能更強(qiáng)、數(shù)量更多、更美觀的圖形用戶界面組件。Swing組件名稱和AWT組件名稱基本相同，但以J開頭，例如AWT按鈕類的名稱是Button，在Swing中的名稱則是JButton。1．在JApplet中添加Swing組件（1）程序功能：在JApplet中添加3個(gè)帶有圖片的按鈕和一個(gè)帶有圖片的標(biāo)簽。（2）準(zhǔn)備圖片文件：在當(dāng)前目錄下建立一個(gè)image文件夾，存放4個(gè)圖片文件，例如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("圖像標(biāo)簽",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("跳轉(zhuǎn)按鈕");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查看程序，結(jié)果如圖8.8所示。圖8.82.在JFrame窗口中添加組件（1）程序功能：創(chuàng)建JFrame窗口，并在其中添加工具欄。（2）準(zhǔn)備圖片文件：在當(dāng)前目錄下建立一個(gè)image文件夾，存放3個(gè)圖片文件，例如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）運(yùn)行LX8_9.class，產(chǎn)生的窗口界面如圖8.9所示。圖8.9五．使用自定義對話框與內(nèi)部類對話框是GUI中很常見的窗口對象，有著廣泛的應(yīng)用。對話框和普通窗口最大的不同就是對話框是依附在某個(gè)窗口上，一旦它所依附的窗口關(guān)閉了，對話框也要隨著關(guān)閉。Java提供了Dialog類用于制作自定義對話框，當(dāng)需要改變一些數(shù)據(jù)或需要一個(gè)提示窗口時(shí)可使用自定義對話框。1．創(chuàng)建自定義對話框的應(yīng)用程序（1）程序功能：創(chuàng)建一個(gè)帶有文本區(qū)及“對話框”按鈕的父窗口，單擊“對話框”按鈕可打開一個(gè)自定義對話框，從中可以定義行和列的數(shù)值，關(guān)閉對話框其設(shè)置的設(shè)置會(huì)顯示在父窗口的文本區(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("關(guān)閉");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