图形使用者介面

《图形使用者介面》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、GUIGraphicalUserInterface圖形使用者介面資料來源：成功大學電機系分散系統實驗室李嘉銘1Outline使用者圖形介面初論2簡介使用者圖形介面(GraphicalUserInterface)(GUI)提供程式特殊的外觀與感覺(“look”and“feel”)讓使用者有似曾相似的的感覺減少學習時間使用者利用鍵盤與滑鼠與GUI元件互動3Java視窗程式設計基本概念JFC(JavaFoundationClass)是一套協助程式設計師，以Java語言開發圖形使用者介面(GUI)的函式庫。發表於1997年。整個函式庫共包含5個部分：AWT：早期視窗程式套件。Swing：輔助AW

2、T，並提供取代AWT套件內的UI元件。AccessibilityAPI：處理先進輸入溝通介面(如語音輸入、觸控式螢幕、螢幕放大…Java2DAPI：強大2D繪圖功能DragandDrop：視窗程式間以Drag方式進行資料交換。4GUI元件範例功能表列menubar按鈕button組合方塊combobox選單menus捲軸scrollbars5第一個視窗程式-HelloSwing!建立視窗程式的步驟運用JFrame類別建立視窗框架物件呼叫JFrame的getContentPane()方法取得放置元件的內容面版產生欲加入視窗的元件呼叫JFrame的add()方法將元件置入面版設定關閉視窗的預設

3、動作，設定視窗大小，並顯示視窗。6HelloSwing.javaimportjavax.swing.*;//引用Swing套件importjava.awt.*;//引用AWT套件publicclassHelloSwing{publicstaticvoidmain(Stringargs[]){//STEP1、建立視窗框架JFrameframe=newJFrame("HelloSwing");//STEP2、取得可放置元件的內容面版Containercp=frame.getContentPane();//STEP3、宣告加入視窗的按鈕元件JButtonbutton=newJButton("He

4、lloSwing!");//STEP4、將元件加入面版cp.add(button);//STEP5、設定視窗關閉動作，調整視窗大小，並顯示視窗frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//設定按下視窗右上角關閉按鈕將關閉視窗並結束應用程式的執行frame.pack();//調整視窗大小,否則將僅顯示視窗的標題列frame.setVisible(true);//顯示視窗}}7importjavax.swing.*;//引用Swing套件importjava.awt.*;//引用AWT套件publicclassFrameEXext

5、endsJFrame{//宣告主程式類別FrameEX繼承JFrameFrameEX(){super("HelloSwing");//呼叫JFrame的建構子,並傳入視窗標題//STEP2、取得可放置元件的內容面版Containercp=getContentPane();//STEP3、宣告加入視窗的按鈕元件JButtonbutton=newJButton("HelloSwing!");//STEP4、將元件加入面版cp.add(button);//STEP5、設定視窗關閉動作，調整視窗大小，並顯示setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)

6、;//設定按下視窗右上角關閉按鈕將關閉視窗並結束應用程式的執行pack();//調整視窗大小,否則將僅顯示視窗的標題列setVisible(true);//顯示視窗}publicstaticvoidmain(Stringargs[]){//STEP1、建立視窗框架newFrameEX();}}8Swing元件概述javax.swing套件元件來自於AWT(java.awt)包括感視介面(lookandfeel)程式外觀與使用者如何與程式互動輕量元件(Lightweightcomponents)AWT受限作業平台完全以Java寫成9Swing元件繼承階層ObjectComponentCont

7、ainerJComponentObjectComponentJComponentContainer10Swing元件繼承階層ClassComponentpaint方法將元件畫在銀幕上ClassContainer相關元件的集合add方法將元件加入ClassJComponent可外掛lookandfeel快速鍵(mnemonics)一般事件處理課本P13-711JLabel提供GUI上的文字訊息能顯示：單行文字影像文字與影像