18_GUI

Size: px

Start display at page:

Download "18_GUI"

胤牧
6 years ago
Views:

1 圖形使用者介面什麼是圖形使用者介面? 圖形使用者介面 (Graphics User Interface, GUI) 以圖像方式與使用者互動 : 程式顯示訊息程式顯示資訊操介界面例子 : 電視遊樂器電腦遊戲 Yung-Chen Chou 1

2 圖形使用者介面要讓 Java 在 MS Windows 作業系統下或 Linux/Unix 下的 X windows 環境下以圖形方式呈現必須靠 Java 的 AWT 或 Swing 套件藉由 AWT 及 Swing 提供的 GUI 元件便可畫出程式的使用者介面 Yung-Chen Chou 2

3 JAVA AWT vs. Swing Java 推出時僅提供 AWT(Abstract Windows Toolkit) 這套 GUI 元件 Java 1.1 時又推出 Swing 強化的 GUI 類別庫 AWT 所提供的功能比較陽春提供基本的 GUI 元件, 如視窗按鈕 Swing 剛推出時算是外加的擴充模組到 Java 1.2 時被納入 Java 核心之中 Swing 與 AWT 最大不同 : Swing 都是由 JAVA 自行繪製, 而不是靠作業系統, 因此 Swing 畫出來的介面在不同作業系統下會比較一致 Yung-Chen Chou 3

4 JAVA Swing Swing 套件匯入 Swing 套件 : 套件名稱 javax.swing.*; 匯入 Swing 套件後便可使用其所提供的 GUI 元件, 產生 GUI 物件 Component 類別 Swing 中最常用的類別, 包含按鈕功能表工具列文字方塊下拉選單... 等 Yung-Chen Chou 4

5 JAVA Swing (Cont.) Yung-Chen Chou 5

6 JAVA Swing (Cont.) 容器類別要顯示各種 GUI 元件, 必須要先有視窗或其它類型的容器物件 (Container) 來包含這個元件所以圖形介面程式一開始必須要先建立一個容器物件, 才能將所需元件加到容器物件中, 並顯示出來 Swing 的容器物件種類 JFrame : 典型視窗, 建立一般視窗時使用 JDialog : 交談窗類別的視窗 JWindow: 不含視窗標題等基本視窗要件的陽春型視窗 Yung-Chen Chou 6

7 JAVA Swing (Cont.) JInterFrame 與 JPanel : 兩者均不能用來建立獨立的視窗, 必須在前述三種容器物件中使用建立子視窗可用 JInterFrame 建立面版則必須靠 JPanel 建立陽春型的視窗設定當使用者關閉視窗時要做什麼動作 EXIT_ON_CLOSE 這個常數的意思, 就是指在關閉視窗時即結束程式 Yung-Chen Chou 7

8 JAVA Swing (Cont.) 建立視窗後, 將元件加入容器裡不能將元件直接加在 JFrame JDialog 裡, 必須放在 Content Pane 裡才行將 JFrame 想像成視窗的外框 Content Pane 想像成視窗中實際可用的區域 Yung-Chen Chou 8

9 JAVA Swing (Cont.) 要取得 JFrame 的 Content Pane 必須呼叫 public Container getcontentpane() 方法接著呼叫 Component add(component comp) 方法 ps. 此方法是繼承自 java.awt.container Yung-Chen Chou 9

10 JAVA Swing (Cont.) JFrame JDialog JWindow 都是 java.awt.window 的衍生類別, JWindow 定義了一組視窗容器共用的操作方法 Yung-Chen Chou 10

11 GUI 的事件處理 AWT 的委派事件處理當使用者在 GUI 元件中做動作時都會產生事件 (Event), 例如 : 按下按鈕如何達到按下按鈕會有動作? 撰寫事件處理方法來處理相對應的事件通知會產生該事件的元件 : 我的物件要當事件的傾聽者 (Listener) Yung-Chen Chou 11

12 GUI 的事件處理 (Cont.) Yung-Chen Chou 12

13 GUI 的事件處理 (Cont.) 實作 XXXListener 介面 : 負責事件處理的類別必須宣告實作 XXXListener 介面不同類型的事件需要實作不同的介面常見的介面如下 Yung-Chen Chou 13

14 GUI 的事件處理 (Cont.) 撰寫事件處理方法 : 即上述的 Listener 介面中所宣告的方法每種介面所宣告方法數量都不一例如 : ActionListener 介面只有 actionperformed() 方法 MouseMotionListener 介面有 mousedragged() 及 mousemoved() 兩個方法需要回應事件的動作寫在對應的方法中例 : 使用者按鈕時希望改變視窗的背景顏色, 則改變顏色的指令要寫在 actionperformed() 裡 Yung-Chen Chou 14

15 GUI 的事件處理 (Cont.) 告知元件我們要當傾聽者在程式中呼叫按鈕元件的 addactionlistener() 方法, 目的是通知該元件, 我們的物件是個傾聽者按下按鈕時會呼叫我們寫好的 actionperformed() 方法, 執行我們指定的動作呼叫 addactionlistener() 方法時, 必須實作 actionlistener 介面的物件為參數, 意即我這個物件是個傾聽者程式中並不會呼叫 actionperformed() 事件處理方法, 因為這個方法是給元件呼叫的, 是事件處理架構是一種被動被動的處理方法 Yung-Chen Chou 15

16 實作 Listener 介面如何寫一個會處理按鈕事件的傾聽者? 此部份功能源自 AWT 必須匯入 awt.event.*; 套件實作 Listener 介面可在主程式外另建一個類別, 將其宣告實作 Listener 介面, 同時實作事件處理方法利用主程式外的類別來實作 Listener 介面將使得程式撰寫變得複雜, 因為我們通常會在事件處理方法中使用到視窗容器或其他元件物件建議 : 在主程式中實作 Listener 介面 Yung-Chen Chou 16

17 實作 Listener 介面以處理按鈕事件為例, 必須完成三個動件宣告實作 Listener 介面撰寫事件處理方法告知元件我們要當傾聽者 Yung-Chen Chou 17

18 實作 Listener 介面有趣的問題程式並未呼叫 actionperformed(), 按鈕卻會有動作事件處理方法是被元件 (or 系統 ) 呼叫不同於以往呼叫元件 (or 系統 ) 提供的方法事件處理方法也稱 call-back 方法如何處理多個按鈕的事件? 在視窗中多加幾個元件或按鈕, 以按鈕為例, 不同按鈕做不同事, 但類別中只有一個 actionperform() 方法, 如何達到要求? Yung-Chen Chou 18

19 實作 Listener 介面簡單作法在 actionperformed() 方法中用 if 或 switch 等方法檢查產生事件的是哪一個元件, 以決定要做哪些動作此種作法僅適用於性質 / 功能相似的方法 Yung-Chen Chou 19

20 實作 Listener 介面要處理完全不同性質的按鈕元件使用 JAVA 提供的內部類別程匿名類別功能此種寫法較符合物件導向具有較佳的閱讀性及方便程式撰寫內部類別定義在另一個類別內部, 且非 static 的類別巢狀類別 (Nested Class): 定義在另一個類別內部的類別內部類別 (Inner Class): 未被明確或隱含宣告為 static 的巢狀類別 Yung-Chen Chou 20

21 實作 Listener 介面相對於內部類別而言, 包含住它的類別稱之為外部 (Outter) 類別, 或稱之為外層類別回想一下 : 類別內部的方法可存取類別內部的成員 Yung-Chen Chou 21

22 實作 Listener 介面內部類別最大的特點, 內部類別可存取外部類別的成員注意宣告為 static 的巢狀類別則無法存取外部類別的成員 Yung-Chen Chou 22

23 匿名類別 (Anynomous Class) 只有類別的本體, 但沒有類別的名稱, 進一步說, 連物件的參照變數都不用宣告在使用物件時才同時定義類別和產生物件的類別物件導向程式設計的特性之一, 就是軟體元件 ( 類別 ) 的重複使用性一般情況下, 定義一個類別即可在程式中用它來建立多個物件, Yung-Chen Chou 23

24 匿名類別 (Anynomous Class) (Cont.) 有時在程式中所設計的類別在程式中只用到一次, 不會重複使用到, 此時適合利用匿名類別使用匿名類別也可以使程式碼較簡化只要在需要匿名類別物件的敘述上, 直接將類別物件放在要產生物件的地方匿名類別必須衍生自一既有的類別或介面下 Yung-Chen Chou 24

25 匿名類別 (Anynomous Class) (Cont.) 以匿名類別實作 actionlistener 當視窗含有多個按鈕元件, 又不適合統一用一個類別來實作所有的元件傾聽者, 可以用匿名類別實作 Yung-Chen Chou 25

26 匿名類別 (Anynomous Class) (Cont.) Yung-Chen Chou 26

PowerPoint 簡報

PowerPoint 簡報 Paint 繪圖板 JAVA 程式設計指導老師 : 鄞宗賢組員 : 4A3G0901 劉彥佐 4A3G0907 韓偉志畫面預覽匯入參數 package paint; import java.awt.*; import java.awt.event.*; import javax.swing.*; 主程式 public class paint{ public static void main(string[]