图形使用者介面.ppt

圖形使用者介面 內 容 大 綱 圖形使用者介面介紹 按鈕(Button)元件 版面配置 標記(Label)元件 選項(Checkbox)元件 選單(Choice)元件 清單(List)元件 文字欄(TextField)元件 文字區(Container)元件 捲軸(Scrollbar)元件 容器(Container)相關元件 功能表(Menu)相關元件 任何系統都具有使用者介面，這是使用者與系統間的一種溝通管道。目前大部分的系統都支援圖形使用者介面(GUI, Graphical User Interface)，當然Java語言也不例外。圖形使用者介面允使用者藉由滑鼠等點選設備(pointing device)來操作選單(menu)、按鈕(button)及捲軸(scrollbar)等元件(component)以操控系統，免除使用者記憶一大串指令的困擾，這可以縮短使用者的學習時間及減少使用者操作錯誤的機會。在本章中，我們就介紹Java語言的圖形使用者介面及其相關議題。 圖形使用者介面介紹 (1/4) 圖形使用者介面(Graphical User Interface, GUI,唸成”GOO-EE”)，是一個程式的圖形式介面，它是所謂的「見感」(look-and-feel)介面，讓使用者看到操作介面之後就可以感覺到如何操作，如此，可以讓使用者免除記憶一大串的指令的困擾，可以縮短使用者的學習時間並減少使用者操作錯誤的機會。。 Java語言在java.awt類別庫裏提供許多GUI相關的類別，這些類別所提供的元件稱為AWT(Abstract Window Toolkit, 抽象視窗工具)元件。AWT元件以各平台上原有的圖形使用者介面為基礎面來製作，因此會與平台上原有介面的操作狀態與方式完全一致。 圖形使用者介面介紹 (2/4) 由JDK1.2(J2SDK)之後，Java語言在javax.swing類別庫中另外提供一組GUI相關的類別，這些類別所提供的元件稱為Swing元件。Swing元件所呈現出來的操作介面不倚賴各平台的GUI介面，完全以Java語言來實作操作介面，因此不管在什麼平台上，Swing元件都呈現出一致的外觀。 提示 由於Java語言有數量眾多的圖形使用者GUI元件，因此，在本章中，我們將僅介紹Java語言的AWT元件，Java語言AWT元件的繼承階層結構如圖9-1所示。 圖形使用者介面介紹(3/4) 而在本章中介紹的AWT元件包括：Button(按鈕)、Label(標記)、Checkbox(選項)、Choice(選單)、List(清單)、TextField(文字欄)、TextArea(文字區)、Scrollbar(捲軸)、Container(容器)相關元件及Menu(功能表)相關元件等。 另外，我們也介紹GUI元件的版面配置(layout)方式，以便能讓所有的元件都依照使用者規劃的配置方式顯示出來。 提示 圖形使用者介面介紹(4/4) 按鈕(Button)元件 (1/8) 按鈕元件的使用必須透過java.awt類別庫中的Button類別，Button類別的建構函數與其他方法的用法如下： 按鈕(Button)元件(2/8) 以下範例程式說明按鈕元件的應用： 範例程式(檔名:按鈕測試1 .java) //檔名：按鈕測試1.java //說明：在小程式顯示視窗中加入一個按鈕(Button)元件 import java.applet.Applet; //引入Applet類別 import java.awt.Button; //引入Button類別 public class 按鈕測試1 extends Applet { public void init() { Button 按鈕=new Button(歡迎來到Java世界); add(按鈕); /* 以上二行可以使用下列一個敘述即可以達到同樣效果 add(new Button(歡迎來到Java世界)); */ } //方法:init() 定義區塊結束 } //類別:按鈕測試1 定義區塊結束 按鈕(Button)元件(3/8) 網頁檔案(檔名：按鈕測試1網頁.html) html applet code=按鈕測試1.class width=350 height=100 /applet /html 執行結果(命令視窗指令：appletviewer 按鈕測試1網頁.html) 按鈕(Button)元件(4/8) 在範例程式按鈕測試1.java中，我們撰寫了一個小程式(applet)，並使用init()方法，在小程式顯示視窗中安排一個按鈕(Button)，而且此按鈕上有歡迎來到Java世界