達拉草201771010105《面向物件程式設計（java）》第十三週學習總結
阿新 • • 發佈：2018-11-25
達拉草201771010105《面向物件程式設計（java）》第十三週學習總結
第一部分：理論知識
事件處理基礎：
事件源：能夠產生事件的物件都可 以成為事件源，如文字框、按鈕等。一個事件源是一個 能夠註冊監聽器並向監聽器傳送事件物件的物件。
事件監聽器：事件監聽器物件接 收事件源傳送的通告（事件物件），並對發生的事件作 出響應。一個監聽器物件就是一個實現了專門監聽器接 口的類例項，該類必須實現介面中的方法，這些方法當 事件發生時,被自動執行。
事件物件：Java將事件的相關資訊 封裝在一個事件物件中，所有的事件物件都最終派生於 java.util.EventObject類。不同的事件源可以產生不 同類別的事件。
監聽器物件:是一個實現了特定監聽器介面（ listener interface）的類例項。
註冊監聽器方法 eventSourceObject.addEventListener(eventListenerObject)
動作事件（ActionEvent）:當特定元件動作（點 擊按鈕）發生時，該元件生成此動作事件。
能夠觸發動作事件的動作，主要包括： (1) 點選按鈕 (2) 雙擊一個列表中的選項； (3) 選擇選單項； (4) 在文字框中輸入回車。
監聽器介面的實現：
監聽器類必須實現與事件源相對應的介面，即必 須提供介面中方法的實現。
監聽器介面方法實現 class Mylistener implements ActionListener { public void actionPerformed (ActionEvent event) { …… } }
命令按鈕Jbutton主要API：
1．建立按鈕物件 JButton類常用的一組構造方法： (1) JButton(String text)：建立一個帶文字的按鈕。 (2) JButton(Icon icon) ：建立一個帶圖示的按鈕。 (3)JButton(String text, Icon icon) ：建立一個帶文字和圖示 的按鈕。
2．按鈕物件的常用方法 ① getLabel( )：返回按鈕的標籤字串； ② setLabel(String s)：設定按鈕的標籤為字串s。
實驗十三 圖形介面事件處理技術
實驗時間 2018-11-22
1、實驗目的與要求
(1) 掌握事件處理的基本原理，理解其用途；
(2) 掌握AWT事件模型的工作機制；
(3) 掌握事件處理的基本程式設計模型；
(4) 瞭解GUI介面元件觀感設定方法；
(5) 掌握WindowAdapter類、AbstractAction類的用法；
(6) 掌握GUI程式中滑鼠事件處理技術。
2、實驗內容和步驟
實驗1： 匯入第11章示例程式，測試程式並進行程式碼註釋。
測試程式1：
l 在elipse IDE中除錯執行教材443頁-444頁程式11-1，結合程式執行結果理解程式；
l 在事件處理相關程式碼處添加註釋；
l 用lambda表示式簡化程式；
l 掌握JButton元件的基本API；
l 掌握Java中事件處理的基本程式設計模型。
1 package button; 2 3 import java.awt.*; 4 import java.awt.event.*; 5 import javax.swing.*; 6 7 /** 8 * A frame with a button panel 9 */ 10 public class ButtonFrame extends JFrame 11 { 12 private JPanel buttonPanel; 13 private static final int DEFAULT_WIDTH = 300; 14 private static final int DEFAULT_HEIGHT = 200; 15 16 public ButtonFrame() 17 { 18 setSize(DEFAULT_WIDTH, DEFAULT_HEIGHT); 19 20 // 建立按鈕 21 JButton yellowButton = new JButton("Yellow"); 22 JButton blueButton = new JButton("Blue"); 23 JButton redButton = new JButton("Red"); 24 25 buttonPanel = new JPanel(); 26 27 // 向面板新增按鈕 28 buttonPanel.add(yellowButton); 29 buttonPanel.add(blueButton); 30 buttonPanel.add(redButton); 31 32 // 將面板新增到幀 33 add(buttonPanel); 34 35 // 建立按鈕動作 36 ColorAction yellowAction = new ColorAction(Color.YELLOW); 37 ColorAction blueAction = new ColorAction(Color.BLUE); 38 ColorAction redAction = new ColorAction(Color.RED); 39 40 // 用按鈕關聯動作 41 yellowButton.addActionListener(yellowAction); 42 blueButton.addActionListener(blueAction); 43 redButton.addActionListener(redAction); 44 }//通過addActionListener關聯監聽器物件和元件 45 46 /** 47 * An action listener that sets the panel's background color. 48 */ 49 private class ColorAction implements ActionListener//implements實現了ActionListener監聽器介面 50 { 51 private Color backgroundColor; 52 53 public ColorAction(Color c) 54 { 55 backgroundColor = c; 56 } 57 58 public void actionPerformed(ActionEvent event)//更改容器的背景色 59 { 60 buttonPanel.setBackground(backgroundColor); 61 } 62 } 63 }
1 package button; 2 3 import java.awt.*; 4 import javax.swing.*; 5 6 /** 7 * @version 1.34 2015-06-12 8 * @author Cay Horstmann 9 */ 10 public class ButtonTest 11 { 12 public static void main(String[] args) 13 { 14 EventQueue.invokeLater(() -> { 15 JFrame frame = new ButtonFrame(); 16 frame.setTitle("ButtonTest"); 17 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 18 frame.setVisible(true); 19 }); 20 } 21 }
程式執行結果如下：
測試程式2：
l 在elipse IDE中除錯執行教材449頁程式11-2，結合程式執行結果理解程式；
l 在元件觀感設定程式碼處添加註釋；
l 瞭解GUI程式中觀感的設定方法。
1 package plaf; 2 3 import javax.swing.JButton; 4 import javax.swing.JFrame; 5 import javax.swing.JPanel; 6 import javax.swing.SwingUtilities; 7 import javax.swing.UIManager; 8 9 /** 10 * A frame with a button panel for changing look-and-feel 11 */ 12 public class PlafFrame extends JFrame 13 { 14 private JPanel buttonPanel; 15 16 public PlafFrame() 17 { 18 buttonPanel = new JPanel(); 19 20 UIManager.LookAndFeelInfo[] infos = UIManager.getInstalledLookAndFeels();//返回表示當前可用的 LookAndFeel 實現的 LookAndFeelInfo 陣列 21 for (UIManager.LookAndFeelInfo info : infos) 22 makeButton(info.getName(), info.getClassName()); 23 24 add(buttonPanel);//將指定元件追加到此容器的尾部 25 pack();//調整此視窗的大小，以適合其子元件的首選大小和佈局 26 } 27 28 /** 29 * Makes a button to change the pluggable look-and-feel. 30 * @param name the button name 31 * @param className the name of the look-and-feel class 32 */ 33 private void makeButton(String name, String className) 34 { 35 // 向面板新增按鈕 36 37 JButton button = new JButton(name);//建立一個帶文字的按鈕 38 buttonPanel.add(button); 39 40 // 設定按鈕動作 41 42 button.addActionListener(event -> { 43 // 按鈕動作：切換到新的外觀和感覺 44 try 45 { 46 UIManager.setLookAndFeel(className); 47 SwingUtilities.updateComponentTreeUI(this); 48 pack();//調整此視窗的大小，以適合其子元件的首選大小和佈局。 49 } 50 catch (Exception e) 51 { 52 e.printStackTrace(); 53 } 54 }); 55 } 56 }
1 package plaf; 2 3 import java.awt.*; 4 import javax.swing.*; 5 6 /** 7 * @version 1.32 2015-06-12 8 * @author Cay Horstmann 9 */ 10 public class PlafTest 11 { 12 public static void main(String[] args) 13 { 14 EventQueue.invokeLater(() -> { 15 JFrame frame = new PlafFrame(); 16 frame.setTitle("PlafTest");//將此窗體的標題設定為指定的字串。 17 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 18 frame.setVisible(true); 19 }); 20 } 21 }
程式執行結果如下：
測試程式3：
l 在elipse IDE中除錯執行教材457頁-458頁程式11-3，結合程式執行結果理解程式；
l 掌握AbstractAction類及其動作物件；
l 掌握GUI程式中按鈕、鍵盤動作對映到動作物件的方法。
1 package action; 2 3 import java.awt.*; 4 import java.awt.event.*; 5 import javax.swing.*; 6 7 /** 8 * A frame with a panel that demonstrates color change actions. 9 */ 10 public class ActionFrame extends JFrame 11 { 12 private JPanel buttonPanel; 13 private static final int DEFAULT_WIDTH = 300; 14 private static final int DEFAULT_HEIGHT = 200; 15 16 public ActionFrame() 17 { 18 setSize(DEFAULT_WIDTH, DEFAULT_HEIGHT); 19 20 buttonPanel = new JPanel(); 21 22 // 定義行為 23 //根據指定的檔案建立一個 ImageIcon 24 Action yellowAction = new ColorAction("Yellow", new ImageIcon("yellow-ball.gif"), 25 Color.YELLOW); 26 Action blueAction = new ColorAction("Blue", new ImageIcon("blue-ball.gif"), Color.BLUE); 27 Action redAction = new ColorAction("Red", new ImageIcon("red-ball.gif"), Color.RED); 28 29 // 為這些操作新增按鈕 30 buttonPanel.add(new JButton(yellowAction)); 31 buttonPanel.add(new JButton(blueAction)); 32 buttonPanel.add(new JButton(redAction)); 33 34 // 將面板新增到幀 35 add(buttonPanel); 36 37 // 將Y、B和R鍵與名稱關聯 38 InputMap imap = buttonPanel.getInputMap(JComponent.WHEN_ANCESTOR_OF_FOCUSED_COMPONENT); 39 imap.put(KeyStroke.getKeyStroke("ctrl Y"), "panel.yellow"); 40 imap.put(KeyStroke.getKeyStroke("ctrl B"), "panel.blue"); 41 imap.put(KeyStroke.getKeyStroke("ctrl R"), "panel.red"); 42 43 // 把名字和動作聯絡起來 44 ActionMap amap = buttonPanel.getActionMap(); 45 amap.put("panel.yellow", yellowAction); 46 amap.put("panel.blue", blueAction); 47 amap.put("panel.red", redAction); 48 } 49 50 public class ColorAction extends AbstractAction 51 { 52 /** 53 * Constructs a color action. 54 * @param name the name to show on the button 55 * @param icon the icon to display on the button 56 * @param c the background color 57 */ 58 public ColorAction(String name, Icon icon, Color c) 59 { 60 putValue(Action.NAME, name); 61 putValue(Action.SMALL_ICON, icon); 62 putValue(Action.SHORT_DESCRIPTION, "Set panel color to " + name.toLowerCase()); 63 putValue("color", c); 64 } 65 66 public void actionPerformed(ActionEvent event) 67 { 68 Color c = (Color) getValue("color"); 69 buttonPanel.setBackground(c);//設定此元件的背景色 70 } 71 } 72 }
1 package action; 2 3 import java.awt.*; 4 import javax.swing.*; 5 6 /** 7 * @version 1.34 2015-06-12 8 * @author Cay Horstmann 9 */ 10 public class ActionTest 11 { 12 public static void main(String[] args) 13 { 14 EventQueue.invokeLater(() -> { 15 JFrame frame = new ActionFrame(); 16 frame.setTitle("ActionTest");//將此窗體的標題設定為指定的字串 17 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 18 frame.setVisible(true); 19 }); 20 } 21 }
程式執行結果如下：
測試程式4：
l 在elipse IDE中除錯執行教材462頁程式11-4、11-5，結合程式執行結果理解程式；
l 掌握GUI程式中滑鼠事件處理技術。
1 package mouse; 2 3 import java.awt.*; 4 import java.awt.event.*; 5 import java.awt.geom.*; 6 import java.util.*; 7 import javax.swing.*; 8 9 /** 10 * A component with mouse operations for adding and removing squares. 11 */ 12 public class MouseComponent extends JComponent 13 { 14 private static final int DEFAULT_WIDTH = 300; 15 private static final int DEFAULT_HEIGHT = 200; 16 17 private static final int SIDELENGTH = 10; 18 private ArrayList<Rectangle2D> squares; 19 private Rectangle2D current; // 包含滑鼠游標的正方形 20 21 public MouseComponent() 22 { 23 squares = new ArrayList<>(); 24 current = null; 25 26 addMouseListener(new MouseHandler()); 27 addMouseMotionListener(new MouseMotionHandler()); 28 } 29 30 public Dimension getPreferredSize() { return new Dimension(DEFAULT_WIDTH, DEFAULT_HEIGHT); } 31 32 public void paintComponent(Graphics g) 33 { 34 Graphics2D g2 = (Graphics2D) g; 35 36 // 繪製所有正方形 37 for (Rectangle2D r : squares) 38 g2.draw(r); 39 } 40 41 /** 42 * Finds the first square containing a point. 43 * @param p a point 44 * @return the first square that contains p 45 */ 46 public Rectangle2D find(Point2D p) 47 { 48 for (Rectangle2D r : squares) 49 { 50 if (r.contains(p)) return r; 51 } 52 return null; 53 } 54 55 /** 56 * Adds a square to the collection. 57 * @param p the center of the square 58 */ 59 public void add(Point2D p) 60 { 61 double x = p.getX(); 62 double y = p.getY(); 63 64 current = new Rectangle2D.Double(x - SIDELENGTH / 2, y - SIDELENGTH / 2, SIDELENGTH, 65 SIDELENGTH); 66 squares.add(current); 67 repaint(); 68 } 69 70 /** 71 * Removes a square from the collection. 72 * @param s the square to remove 73 */ 74 public void remove(Rectangle2D s) 75 { 76 if (s == null) return; 77 if (s == current) current = null; 78 squares.remove(s); 79 repaint(); 80 } 81 82 private class MouseHandler extends MouseAdapter 83 { 84 public void mousePressed(MouseEvent event) 85 { 86 // 如果游標不在正方形中，則新增一個新的正方形 87 current = find(event.getPoint()); 88 if (current == null) add(event.getPoint()); 89 } 90 91 public void mouseClicked(MouseEvent event) 92 { 93 // 如果雙擊，刪除當前方塊 94 current = find(event.getPoint()); 95 if (current != null && event.getClickCount() >= 2) remove(current); 96 } 97 } 98 99 private class MouseMotionHandler implements MouseMotionListener 100 { 101 public void mouseMoved(MouseEvent event) 102 { 103 // 設定滑鼠游標，如果裡面是交叉 104 // 一個矩形 105 106 if (find(event.getPoint()) == null) setCursor(Cursor.getDefaultCursor()); 107 else setCursor(Cursor.getPredefinedCursor(Cursor.CROSSHAIR_CURSOR)); 108 } 109 110 public void mouseDragged(MouseEvent event) 111 { 112 if (current != null) 113 { 114 int x = event.getX(); 115 int y = event.getY(); 116 117 // 拖動當前矩形將其置於（x，y）中心 118 current.setFrame(x - SIDELENGTH / 2, y - SIDELENGTH / 2, SIDELENGTH, SIDELENGTH); 119 repaint(); 120 } 121 } 122 } 123 }
1 package mouse; 2 3 import javax.swing.*; 4 5 /** 6 * A frame containing a panel for testing mouse operations 7 */ 8 public class MouseFrame extends JFrame 9 { 10 public MouseFrame() 11 { 12 add(new MouseComponent());//將指定元件追加到此容器的尾部 13 pack();//調整此視窗的大小，以適合其子元件的首選大小和佈局 14 } 15 }
1 package mouse; 2 3 import java.awt.*; 4 import javax.swing.*; 5 6 /** 7 * @version 1.34 2015-06-12 8 * @author Cay Horstmann 9 */ 10 public class MouseTest 11 { 12 public static void main(String[] args) 13 { 14 EventQueue.invokeLater(() -> { 15 JFrame frame = new MouseFrame(); 16 frame.setTitle("MouseTest");//將此窗體的標題設定為指定的字串 17 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 18 frame.setVisible(true); 19 }); 20 } 21 }
程式執行結果如下：
實驗2：結對程式設計練習
利用班級名單檔案、文字框和按鈕元件，設計一個有如下介面（圖1）的點名器，要求使用者點選開始按鈕後在文字輸入框隨機顯示2017級網路與資訊安全班同學姓名，如圖2所示，點選停止按鈕後，文字輸入框不再變換同學姓名，此同學則是被點到的同學姓名。
結對同學：韓臘梅
1 package 點名器; 2 3 import java.util.*; 4 import java.awt.*; 5 import javax.swing.*; 6 import java.awt.event.*; 7 import java.io.File; 8 import java.io.FileNotFoundException; 9 10 import javax.swing.event.*; 11 public class NameFrame extends JFrame implements ActionListener{ 12 13 private JButton A; 14 private JButton B; 15 private static boolean flag = true; 16 public NameFrame(){ 17 this.setLayout(null);//佈局管理器必須先初始化為空才能賦值 18 A = new JButton("準備中"); 19 B = new JButton("開始"); 20 this.add(A); 21 A.setOpaque(true);//如果為 true，則該元件繪製其邊界內的所有畫素。 22 A.setBackground(Color.CYAN); 23 A.setFont(new Font("Courier",Font.PLAIN,22)); 24 A.setHorizontalAlignment(JButton.CENTER); 25 A.setVerticalAlignment(JButton.CENTER); 26 A.setBounds(100,80,200,60); 27 28 this.add(B); 29 B.setBounds(160,160,80,26); 30 B.addActionListener(this); 31 32 this.setTitle("隨機點名器"); 33 this.setBounds(400,400,400,300); 34 this.setVisible(true); 35 this.setDefaultCloseOperation(DISPOSE_ON_CLOSE); 36 } 37 public void actionPerformed(ActionEvent e){ 38 int i=0; 39 String names[]=new String[50]; 40 try { 41 Scanner in=new Scanner(new File("D:\\studentnamelist.txt")); 42 while(in.hasNextLine()) 43 { 44 names[i]=in.nextLine(); 45 i++; 46 } 47 } catch (FileNotFoundException e1) { 48 // TODO Auto-generated catch block 49 e1.printStackTrace(); 50 } 51 if(B.getText()=="開始"){ 52 A.setBackground(Color.ORANGE); 53 flag = true; 54 new Thread(){ 55 public void run(){ 56 while(NameFrame.flag){ 57 Random r = new Random(); 58 int i= r.nextInt(47); 59 A.setText(names[i]); 60 } 61 } 62 }.start(); 63 B.setText("停止"); 64 B.setBackground(Color.YELLOW); 65 } 66 else if(B.getText()=="停止"){ 67 flag = false; 68 B.setText("開始"); 69 B.setBackground(Color.BLUE); 70 A.setBackground(Color.WHITE); 71 } 72 } 73 public static void main(String arguments []){ 74 new NameFrame(); 75 } 76 }
執行結果如下：
實驗總結：
在這周的學習中我們學習了圖形介面事件處理技術的知識，首先掌握了事件處理的基本原理，並學會了事件處理的基本程式設計模型。通過這次的實驗基本上掌握了事件處理的基本原理，但對用lambda表示式簡化程式不是很理解。