Microsoft Word - 投影片ch17

Size: px

Start display at page:

Download "Microsoft Word - 投影片ch17"

投满
7 years ago
Views:

1 Java2 JDK5.0 教學手冊第三版洪維恩編著博碩文化出版書號 pg20210 第十七章 AWT 視窗物件本章學習目標認識 AWT 類別認識並學習如何建立視窗物件學習如何管理與配置版面學習 Panel 類別的使用

2 AWT 視窗物件認識 AWT 類別 AWT(Abstract Windowing Toolkit) 是用來處理視窗最基本的方式簡單的範例下面是一個簡單的視窗程式設計的範例 01 // app17_1, AWT 簡單的範例 ( 一 ) 02 import java.awt.*; // 載入 java.awt 類別庫裡的所有類別 03 public class app17_1 04 { 05 static Frame frm=new Frame("my first AWT program"); 06 static Label lab=new Label("Hello Java!!"); public static void main(string args[]) 09 { 類別 app17_1 的資料成員 10 frm.setsize(200,150); // 設定視窗的寬為 200 高為 150 個像素 11 frm.setbackground(color.yellow); // 設定黃色的背景 12 frm.setlocation(250,250); // 設定視窗的位置 13 frm.add(lab); // 將標籤物件 lab 加入視窗中 14 frm.setvisible(true); // 將視窗顯示出來 15 } 16 }

3 AWT 視窗物件 17-3 執行後將會看到如下的畫面 : 視窗物件 frm 標籤物件 lab 視窗物件 frm

4 AWT 視窗物件 17-4 想讓關閉鈕也可以有作用, 只要把 java.awt.event.* 載入 : import java.awt.event.*; // 載入 java.awt.event 裡所有的類別在 main() method 裡的任何位置補上這兩行 : frm.addwindowlistener(new WindowAdapter(){ public void windowclosing(windowevent e){system.exit(0);}});

5 AWT 視窗物件 17-5 下面的程式碼是將 frm 與 lab 宣告在 main() method 裡 : 01 // app17_2, AWT 簡單的範例 ( 二 ) 02 import java.awt.*; // 載入 java.awt 類別庫裡的所有類別 03 public class app17_2 04 { 05 public static void main(string args[]) 06 { 07 Frame frm=new Frame("my first AWT program"); 08 Label lab=new Label("Hello Java!!"); 09 frm.setsize(200,150); 10 frm.setbackground(color.yellow); 11 frm.setlocation(250,250); 12 frm.add(lab); 13 frm.setvisible(true); 14 } 15 } 把 frm 與 lab 宣告在 main() method 內, 程式依然可以執行

6 AWT 視窗物件 17-6 下面是利用繼承自 Frame 類別的方式來建立視窗 : 01 // app17_3, AWT 簡單的範例 ( 三 ) 02 import java.awt.*; 繼承自 Frame 類別 03 public class app17_3 extends Frame // 指定 app17_3 繼承自 Frame 類別 04 { 05 public static void main(string args[]) 06 { 07 app17_3 frm=new app17_3(); // 用 app17_3 類別產生 frm 物件 Label lab=new Label("Hello Java!!"); 10 frm.settitle("my first AWT program"); // 在視窗中加入標題 11 frm.setsize(200,150); 12 frm.setbackground(color.yellow); 13 frm.setlocation(250,250); 14 frm.add(lab); 15 frm.setvisible(true); 16 } 17 }

7 AWT 視窗物件 17-7 下面是利用建構元來建立視窗物件的程式碼 : 01 // app17_4, AWT 簡單的範例 ( 四 ) 02 import java.awt.*; 03 public class app17_4 extends Frame 04 { 05 Label lab=new Label("Hello Java!!"); // 建立 lab 物件 public app17_4(string str) // 建構元 app17_4() 08 { 09 super(str); // 呼叫父類別 (Frame) 的建構元 10 add(lab); // 將標籤 lab 物件加入視窗中 11 } public static void main(string args[]) 14 { 15 app17_4 frm=new app17_4("my first AWT program");// 呼叫 app17_4() 建構元 frm.setsize(200,150); 18 frm.setbackground(color.yellow); 19 frm.setlocation(250,250); 20 frm.setvisible(true); 21 } 22 }

8 AWT 視窗物件視窗物件的類別簡介下圖為 java.awt 類別庫提供的類別, 以及它們之間的繼承關係 : MenuBar java.lang.object MenuComponent MenuItem Menu Container Window Frame Component Label Panel Dialog Button FileDialog TextComponent TextField CheckBox TextArea List Choice ScrollBar

9 AWT 視窗物件 17-9 java.awt.component 類別下表列出了 Component 類別的建構元與 method: 表建構元 Component() java.awt.component 的建構元與 method 主要功能建立一個新的視窗物件 method void add(popupmenu popup) boolean contains(int x, int y) float getalignmentx() float getalignmenty() Color getbackgrount() void setbackground(color color) 主要功能加入跳出式的功能表測試物件的範圍是否包含點 (x,y) 取得物件在 x 軸方向的對齊方式, 它會傳回 0~1 之間的數,0 代表物件剛好在原點上,1 則代表物件位於離原點最遠的地方, 其餘的位置依 0~1 之間的內插值傳回同上, 但取得物件在 y 軸方向的對齊方式傳回物件的背景顏色設定物件的背景顏色為 color

10 AWT 視窗物件 method Rectangle getbounds() void setbounds(intx, int y,int w, int h) Component getcomponentat(int x, int y) Font getfont() void setfont(font font) Color getforeground() Color setforeground(color color) Point getlocation() void setlocation(int x, int y) void setsize(int w, int h) String getname() String setname(string str) int getwidth() int getheight() int getx() 主要功能傳回物件所佔矩形面積的大小設定物件的顯示區域, 物件的左上角座標為 (x,y), 物件的寬度為 w, 高度為 h 傳回包含點 (x,y) 的物件傳回物件字型的樣式設定物件字型的樣式為 font 傳回物件的前景顏色設定物件的前景顏色為 color 傳回物件左上角之座標位置設定物件的顯示位置的左上角座標為 (x,y) 設定物件的大小, 寬為 w, 高為 h 傳回物件的名稱設定物件的名稱為 str 取得物件的寬度取得物件的高度傳回物件在 x 軸方向的座標

11 AWT 視窗物件 method int gety() boolean isvisible() void setenabled(boolean v) void setvisible(boolean v) 主要功能傳回物件在 y 軸方向的座標測試物件的屬性是否可見設定物件是否呈可使用狀態設定物件是否為可見若 v 為 true 則可見, 若為 false 則為不可見

12 AWT 視窗物件 java.awt.container 類別下表列出 Container 類別常用的建構元與 method: 表建構元 Container() java.awt.container 的建構元與 method 主要功能建立一個 Container 物件 method Component add(component comp) Component add(component comp, int index) Component add(component comp, Object constraints) Component add(component comp, Object constraints, int index) void dolayout() float getalignmentx() 主要功能將物件 comp 加到容器物件內將物件 comp 加到容器物件內, 並給予編號將 comp 加到容器物件內, 並依 constraints 指定的方式來配置將 comp 加到容器物件內, 給予編號並依 constraints 指定的方式來配置讓容器物件依版面配置來調整物件的位置取得與 x 軸的對齊方式

13 AWT 視窗物件 method float getalignmenty() Component getcomponent(int n) Component getcomponentat(int x, int y) Component getcomponentat(point p) int getcomponentcount() Component[] getcomponents() LayoutManager getlayout() void paint(graphics g) void paintcomponents(graphics g) void remove(component comp) void remove(int index) void removeall() void setfont(font f) void setlayout(layoutmanager mgr) void update(graphics g) 主要功能取得與 y 軸的對齊方式取出容器物件內, 編號為 n 的物件依指定的位置 (x,y) 取出容器物件內的物件依指定的點 p 取出容器物件內的物件取得容器物件內, 所有物件的個數取得容器物件內的所有物件, 以陣列傳回取得容器物件所使用的版面配置重繪容器物件重繪容器物件裡所有的物件移除容器物件裡指定的物件依編號移除容器物件裡的物件全部移除容器物件裡的物件設定容器物件之字型設定容器物件使用 mgr 版面配置更新容器物件

14 AWT 視窗物件建立視窗 Frame 可以當成是一個容器, 用來容納其它視窗物件下表列出了 Frame 類別常用的建構元與 method: 表建構元 java.awt.frame 的建構元與 method 主要功能 Frame() Frame(String title) 建立一個沒有標題的視窗建立視窗, 並以 title 為其標題 method Image geticonimage() void seticonimage(image img) int getstate() void setstate() 主要功能傳回視窗最小化時的圖示設定視窗最小化時的圖示為 img 傳回視窗的狀態,Frame.Normal 代表一般狀態,Frame.ICONIFIED 代表視窗為最小化 Normal 與 ICONIFIED 為 Frame 類別裡定義的常數, 其值分別定義成 0 與 1 設定視窗的狀態,Frame.Normal 代表一般狀

15 AWT 視窗物件 method MenuBar getmenubar() void setmenubar(menubar mb) void remove(menucompoent mb) String gettitle() String settitle(string title) boolean isresizable() void setresizable(boolean b) 主要功能態,Frame.ICONIFIED 代表視窗為最小化傳回視窗裡的功能表物件設定視窗使用的功能表物件為 mb 移除視窗中的功能表物件取得視窗的標題設定視窗的標題為 title 測試視窗是否可改變大小若傳回值為 true, 則可改變, 若為 false, 則不能改變設定視窗是否允許改變大小若 b 為 true, 則可以改變, 若 b 為 false, 則不能改變

16 AWT 視窗物件下面舉一個實例來說明如何以 Frame 類別建立視窗物件 : 01 // app17_5, 建立視窗物件 02 import java.awt.*; 03 public class app17_5 04 { 05 static Frame frm=new Frame("Frame class"); public static void main(string args[]) 08 { 09 frm.setsize(200,150); // 設定視窗的大小為 200* frm.setlocation(100,50); // 設定視窗位置為 (100,50) 11 frm.setvisible(true); // 設定視窗為可見 System.out.println("state="+frm.getState()); 14 System.out.println("title="+frm.getTitle()); 15 System.out.println("visible="+frm.isVisible()); 16 } 17 } /* app17_5 OUTPUT-- state=0 title=frame class visible=true */

17 AWT 視窗物件參考下圖來釐清 setsize() 與 SetLocation() 裡引數的意義 : 桌面的左上角

18 AWT 視窗物件建立標籤標籤 (label) 用來在視窗中顯示文字的文字方塊下表列出了 Label 類別常用的建構元與 method: 表 java.awt.label 的建構元與 method 建構元 Label() Label(String text) Label(String text, int align) 主要功能建立一個沒有文字的標籤建立標籤, 並以 text 為標籤上的文字建立標籤, 以 text 為標籤上的文字, 並以 align 的方式對齊, 其中 align 的值可為 Label.LEFT Label.RIGHT 與 Label.CENTER, 分別代表靠左靠右與置中對齊 method int getalignment() int setalignment(int align) 主要功能傳回標籤內文字的對齊方式, 傳回的值可能為 Label.LEFT Label.RIGHT 與 Label.CENTER 設定標籤內文字的對齊方式,align 的值可為

19 AWT 視窗物件 method String gettext() String settext(string text) 主要功能 Label.LEFT Label.RIGHT 與 Label.CENTER 傳回標籤內的文字設定標籤內的文字為 text

20 AWT 視窗物件下面的範例是在 Frame 視窗中加上一個標籤 : 01 // app17_6, 在視窗中加入標籤物件 02 import java.awt.*; 03 public class app17_6 04 { 05 static Frame frm=new Frame("Label class"); 06 static Label lab=new Label(); // 建立標籤物件 lab public static void main(string args[]) 09 { 10 frm.setsize(200,150); 11 frm.setbackground(color.pink); // 設定視窗底色為粉紅色 12 lab.settext("hello Java"); // 在標籤內加上文字 13 lab.setbackground(color.white); // 設定標籤底色為白色 14 lab.setalignment(label.center); // 將標籤內的文字置中 15 lab.setforeground(color.blue); // 設定標籤文字為藍色 16 Font fnt=new Font("Serief",Font.ITALIC+Font.BOLD,18); 17 lab.setfont(fnt); // 設定字型的樣式 18 frm.add(lab); 19 frm.setvisible(true); 20 } 21 }

21 本範例的執行結果如下圖所示 : AWT 視窗物件 17-21

22 AWT 視窗物件 Color 類別建立一個顏色物件, 可以利用 Color() 建構元, 格式為 : public Color(int r, int g, int b) // Color() 建構元於 app17_6 中, 如果標籤的顏色要改成紫色, 把 15 行改成下面的敘述 : lab.setforeground(new Color(255,0,255)); 建立顏色物件

23 AWT 視窗物件 Font 類別要產生 Font 類別的物件, 可以使用 Font() 建構元, 其格式如下 : public Font(String font_name, int style, int size) style 為字型的樣式, 可設為 Font.PLAIN Font.BOLD 與 Font.ITALIC 要同時設定粗體與斜體, 可用下列的語法來表示 : Font.BOLD+Font.ITALIC // 同時設定粗體與斜體

24 AWT 視窗物件關於版面配置如果把預設的版面配置取消, 則可看到原來視窗的底色, 如下面的範例 : 01 // app17_7, 指定標籤物件的大小 02 import java.awt.*; 03 public class app17_7 04 { 05 static Frame frm=new Frame("Label class"); 06 static Label lab=new Label(); public static void main(string args[]) 09 { 10 frm.setlayout(null); // 取消版面配置 11 frm.setsize(200,150); 12 frm.setbackground(color.pink); 13 lab.settext("hello Java"); 14 lab.setbackground(color.white); 15 lab.setalignment(label.center); 16 lab.setforeground(color.blue); 17 lab.setlocation(60,50); // 設定標籤位置 18 lab.setsize(120,20); // 設定標籤大小 19 lab.setfont(new Font("Serief",Font.ITALIC+Font.BOLD,18));

25 AWT 視窗物件 frm.add(lab); 21 frm.setvisible(true); 22 } 23 } app17_7 執行的結果如下圖 :

26 AWT 視窗物件建立按鈕下表列出了 Button 類別常用的建構元與 method: 表 java.awt.button 的建構元與 method 建構元 Button() Button(String title) 主要功能建立一個沒有標題的按鈕建立標題為 title 的按鈕 method String getlabel() String setlabel(string title) 主要功能傳回按鈕的標題設定按鈕的標題為 title

27 AWT 視窗物件下面以一個簡單的範例來說明 Button 類別的使用 : 01 // app17_8, Button 類別 02 import java.awt.*; 03 public class app17_8 04 { 05 static Frame frm=new Frame("Button class"); 06 static Button btn=new Button("Push Me!!"); // 建立按鈕物件 public static void main(string args[]) 09 { 10 frm.setsize(200,150); 11 frm.add(btn); // 在視窗內加入按鈕 12 frm.setvisible(true); 13 } 14 } 右圖為 app17_8 執行後的畫面 :

$*; 03 public class app17_9 04 { 05 static Frame frm=new Frame("Button class"); 06 static Button btn=new Button("Push Me!!"); 07 08 public static void main(string args[]) 09 { 10 frm.$

28 AWT 視窗物件若要將按鈕 ( 或其它視窗物件 ) 固定大小與位置, 可以使用 setbounds(): 01 // app17_9, 設定按鈕的大小 02 import java.awt.*; 03 public class app17_9 04 { 05 static Frame frm=new Frame("Button class"); 06 static Button btn=new Button("Push Me!!"); public static void main(string args[]) 09 { 10 frm.setlayout(null); // 不使用版面配置 11 btn.setbounds(45,65,100,40); // 設定按鈕的大小與位置 12 frm.setsize(200,150); 13 frm.add(btn); 14 frm.setvisible(true); 15 } }

29 AWT 視窗物件建立核取方塊下表列出了 Checkbox 類別常用的建構元與 method: 表 java.awt.checkbox 的建構元與 method 建構元 Checkbox() Checkbox(String label) Checkbox(String label, boolean state) Checkbox(String label, boolean state, CheckboxGroup grp) 主要功能建立核取方塊建立標籤為 label 的核取方塊建立標籤為 label 的核取方塊, 並設定 state 狀態, 若 state 為 true, 則核取方塊呈被選取狀態建立單選的核取方塊, 並將它加入 grp 群組中 method CheckboxGroup getcheckboxgroup() void setcheckboxgroup(checkboxgroup grp) String getlabel() boolean getstate() 主要功能傳回核取方塊是屬於哪一個群組設定核取方塊屬於 grp 群組傳回核取方塊的標籤傳回核取方塊是否呈被選取狀態

30 AWT 視窗物件 method void setstate(boolean state) 主要功能設定核取方塊是否呈被選取狀態可供複選的核取方塊下面的範例是在視窗中建立三個可供複選的核取方塊 : 01 // app17_10, 核取方塊的應用 ( 一 ) 02 import java.awt.*; 03 public class app17_10 04 { 05 static Frame frm=new Frame("Checkbox class"); 06 static Checkbox ckb1=new Checkbox("Epson 5900L",true); 07 static Checkbox ckb2=new Checkbox("HP LaserJet 4p",true); 08 static Checkbox ckb3=new Checkbox("Other printer"); public static void main(string args[]) 11 { 12 frm.setsize(200,150); 13 frm.setlayout(null); 14 frm.setbackground(color.yellow); 15 ckb1.setbounds(20,40,140,20); // 設定核取方塊的位置與大小

AWT 視窗物件 17-31 16 ckb2.setbounds(20,60,140,20); 17 ckb3.setbounds(20,80,140,20); 18 frm.

31 AWT 視窗物件 ckb2.setbounds(20,60,140,20); 17 ckb3.setbounds(20,80,140,20); 18 frm.add(ckb1); // 加入核取方塊到視窗中 19 frm.add(ckb2); 20 frm.add(ckb3); 21 frm.setvisible(true); 22 } 23 } app17_10 的執行結果 :

32 AWT 視窗物件僅供單選的核取方塊下面的範例是 app17_10 的延伸 : 01 // app17_11, 核取方塊的應用 ( 二 ) 02 import java.awt.*; 03 public class app17_11 04 { 05 static Frame frm=new Frame("Checkbox class"); 06 static Checkbox ckb1=new Checkbox("Epson 5900L",true); 07 static Checkbox ckb2=new Checkbox("HP LaserJet 4p",true); 08 static Checkbox ckb3=new Checkbox("Other printer"); 09 static Checkbox ckb4=new Checkbox("black & white printer"); 10 static Checkbox ckb5=new Checkbox("color printer"); public static void main(string args[]) 13 { 14 CheckboxGroup grp=new CheckboxGroup(); // 建立群組物件 grp 15 frm.setsize(200,150); 16 frm.setlayout(null); 17 frm.setbackground(color.yellow); 18 ckb1.setbounds(20,40,140,20); 19 ckb2.setbounds(20,60,140,20);

AWT 視窗物件 17-33 20 ckb3.setbounds(20,80,140,20); 21 ckb4.setbounds(20,100,140,20); 22 ckb5.setbounds(20,120,140,20); 23 ckb4.setcheckboxgroup(grp); // 將 ckb4 加入 grp 群組中 24 ckb5.

33 AWT 視窗物件 ckb3.setbounds(20,80,140,20); 21 ckb4.setbounds(20,100,140,20); 22 ckb5.setbounds(20,120,140,20); 23 ckb4.setcheckboxgroup(grp); // 將 ckb4 加入 grp 群組中 24 ckb5.setcheckboxgroup(grp); // 將 ckb5 加入 grp 群組中 25 ckb4.setstate(true); // 將 ckb4 設為選取狀態 26 frm.add(ckb1); 27 frm.add(ckb2); 28 frm.add(ckb3); 29 frm.add(ckb4); 30 frm.add(ckb5); 31 frm.setvisible(true); 32 } 33 } app17_11 的執行結果如右所示 :

34 AWT 視窗物件建立文字輸入物件 AWT 中主要用來處理文字輸入物件的類別有兩個, 分別為 TextField 與 TextArea 下表為這些 method 的整理 : 表 java.awt.textcomponent 的 method method Color getbackground() String getselectedtext() String gettext() boolean iseditable() void select(int selstart, int selend) void selectall() void setbackground(color c) void seteditable(boolean b) 主要功能取得背景顏色取得被選取區域的文字取得文字區塊裡的文字測試文字區塊裡的文字是否可被編輯選擇位置為 selstart 與 selend 之間的字元選擇文字區塊裡的所有文字設定背景顏色文字區塊設定為可編輯的

35 AWT 視窗物件用 TextField 建立文字方塊 Java 用 TextField 類別來建立文字方塊下表列出 TextField 類別所提供的建構元與常用的 method: 表 java.awt.textfield 的建構元與 method 建構元 TextField() TextField(int columns) TextField(String text) TextField(String text, int length) 主要功能建立文字方塊建立文字方塊, 並設定文字方塊的寬度可容納 columns 個字元建立文字方塊, 並以 text 為預設的文字建立文字方塊, 以 text 為預設的文字, 並設定文字方塊的寬度可容納 columns 個字元 method boolean echocharisset() 主要功能測試文字方塊中的文字是否會被顯示成其它字元,true 代表可被顯示成其它字元,false 代表不能被顯示成其它字元

36 AWT 視窗物件 method 主要功能 int getcolumns() 取得文字方塊預設的寬度 ( 以字元數為單位 ) char getechochar() 取得文字方塊的回應字元 void setcolumns(int columns) 設定文字方塊的寬度為 columns 個字元 void setechochar(char c) 設定文字方塊的回應字元為 c void settext(string text) 設定文字方塊的文字為 text

37 AWT 視窗物件下面的範例是 TextField 的應用 : 01 // app17_12, TextField 的應用 02 import java.awt.*; 03 public class app17_12 04 { 05 static Frame frm=new Frame("TextFile class"); 06 static TextField txf1=new TextField("TextField Demo"); 07 static TextField txf2=new TextField("Editable"); 08 static TextField txf3=new TextField("password"); public static void main(string args[]) 11 { 12 frm.setsize(200,150); 13 frm.setlayout(null); 14 frm.setbackground(color.yellow); 15 txf1.setbounds(20, 40,120,20); 16 txf2.setbounds(20, 70,120,20); 17 txf3.setbounds(20,100,120,20); 18 txf1.seteditable(false); // 設定 txf1 為不可編輯 19 txf3.setechochar('*'); // 設定 txf3 的回應字元為 '*' 20 frm.add(txf1); 21 frm.add(txf2);

AWT 視窗物件 17-38 22 frm.add(txf3); 23 System.out.println(txf1.getText()); 24 System.out.println(txf2.getText()); 25 System.out.println(txf3.

38 AWT 視窗物件 frm.add(txf3); 23 System.out.println(txf1.getText()); 24 System.out.println(txf2.getText()); 25 System.out.println(txf3.getText()); 26 frm.setvisible(true); 27 } 28 } /* app17_12 OUTPUT-- TextField Demo Editable password */

39 AWT 視窗物件用 TextArea 建立文字區文字區 (text area) 可呈現多行文字, 並具有自動換行的功能下表列出 TextArea 類別常用的建構元與 method: 表 java.awt.textarea 的建構元與 method 建構元 TextArea() TextArea(int rows, int cols) TextArea(String text) TextArea(String text, int rows, int cols) TextArea(String text, int rows, int cols, int scrollbars) 主要功能建立文字區建立一個文字區, 並指定高與寬分別可供 rows 與 cols 個字元來顯示建立的文字區, 並預設文字為 text 建立的文字區, 並預設文字及指定大小建立的文字區, 預設文字並指定大小, 同時加上捲軸的顯示方式 method 主要功能 void append(string str) 在目前的文字區內的文字之後加上新的文字 str int getcolumns() 取得文字區的寬度 ( 以字元數為單位 )

40 AWT 視窗物件 method 主要功能 int getrows() 取得文字區的高度 ( 以字元數為單位 ) int getscrollbarvisibility() void insert(string str, int pos) void replacerange(string str, int start, int end) 取得捲軸的顯示狀態在文字區的 pos 位置插入 str 字串在文字區內, 位置 start 到 end 的文字以字串 str 來取代 void setcolumns(int columns) 設定文字區的寬度 ( 以字元數為單位 ) void setrows(int rows) void settext(string txt) 設定文字區可顯示的行數設定文字區內的文字為 txt 表 java.awt.textarea 的資料成員 (field) 資料成員 (field) SCROLLBARS_BOTH SCROLLBARS_HORIZONTAL_ONLY SCROLLBARS_NONE SCROLLBARS_VERTICAL_ONLY 主要功能設定文字區有垂直與水平捲軸設定文字區只有水平捲軸設定文字區沒有捲軸設定文字區只有垂直捲軸

$*; 03 public class app17_13 04 { 05 static Frame frm=new Frame("TextArea class"); 06 static TextArea txa; 07 08 public static void main(string args[]) 09 { 10 txa=new TextArea("demo",8,14,TextArea.$

41 AWT 視窗物件以一個實例來說明 TextArea 類別的應用 : 01 // app17_13, TextArea 類別的應用 02 import java.awt.*; 03 public class app17_13 04 { 05 static Frame frm=new Frame("TextArea class"); 06 static TextArea txa; public static void main(string args[]) 09 { 10 txa=new TextArea("demo",8,14,TextArea.SCROLLBARS_VERTICAL_ONLY); 11 frm.setlayout(null); // 不使用版面配置 12 txa.setbounds(30,45,140,80); // 設定文字區的大小 13 frm.setsize(200,150); 14 frm.add(txa); 15 frm.setvisible(true); 16 } 17 }

42 AWT 視窗物件版面配置與管理版面配置 (layout) 是指視窗上的物件遵循一定的規則來排列, 並會隨著視窗的大小來改變物件大小與位置的一種配置方式 AWT 提供了 5 個類別來進行版面配置的管理 : java.lang.object java.awt.borderlayout java.awt.cardlayout java.awt.flowlayout java.awt.gridbaglayout java.awt.gridlayout

43 AWT 視窗物件使用 BorderLayout 類別下表列出了 BorderLayout 類別常用的建構元與 method: 表 java.awt.borderlayout 的建構元與 method 建構元 BorderLayout() BorderLayout(int hgap, int vgap) 主要功能建立 BorderLayout 類別的物件建立 BorderLayout 類別的物件, 並設定水平間距為 hgap, 垂直間距為 vgap method int gethgap() int getvgap() void removelayoutcomponent( Component comp) void sethgap(int hgap) void setvgap(int vgap) 主要功能取得 BorderLayout 的水平間距取得 BorderLayout 的垂直間距移除 BorderLayout 中的物件 comp 設定 BorderLayout 的水平間距設定 BorderLayout 的垂直間距

44 AWT 視窗物件下表列出 BorderLayout 類別常用的成員與其主要功能 : 表 java.awt.borderlayout 類別常用的資料成員資料成員 (field) static String CENTER static String EAST static String NORTH static String SOUTH static String WEST 主要功能將物件放在視窗的中間將物件放在視窗的右邊將物件放在視窗的上方將物件放在視窗的下方將物件放在視窗的左邊

$*; 03 public class app17_14 04 { 05 static Frame frm=new Frame("Border Layout"); 06 public static void main(string args[]) 07 { 08 BorderLayout border=new BorderLayout(2,5); // 建構元 09 frm.$

45 AWT 視窗物件下面的範例是利用邊界版面配置放置按鈕 : 01 // app17_14, BorderLayout 類別的使用 02 import java.awt.*; 03 public class app17_14 04 { 05 static Frame frm=new Frame("Border Layout"); 06 public static void main(string args[]) 07 { 08 BorderLayout border=new BorderLayout(2,5); // 建構元 09 frm.setlayout(border); // 將版面配置設定為 BorderLayout 10 frm.setsize(200,150); 11 frm.add(new Button("East"),border.EAST); 12 frm.add(new Button("West"),border.WEST); 13 frm.add(new Button("South"),border.SOUTH); 14 frm.add(new Button("North"),border.NORTH); 15 frm.add(new Button("Center"),border.CENTER); 16 frm.setvisible(true); 17 } 18 }

46 AWT 視窗物件使用 CardLayout 類別多層版面配置 (card layout) 把每一個物件都視為視窗中的一層, 每一個物件都會佈滿整個視窗下表列出了常用的建構元與 method: 表 java.awt.cardlayout 的建構元與 method 建構元 CardLayout() CardLayout(int hgap, int vgap) 主要功能建立 CardLayout 類別的物件建立 CardLayout 類別的物件, 並設定物件與視窗的水平間距為 hgap, 垂直間距為 vgap method void first(container parent) int gethgap() int getvgap() void last(container parent) 主要功能顯示 Container 中的第一個物件取得 CardLayout 的水平間距取得 CardLayout 的垂直間距顯示 Container 中的最後一個物件

47 AWT 視窗物件 method void next(container parent) void previous(container parent) void removelayoutcomponent (Component comp) void sethgap(int hgap) void setvgap(int vgap) void show(container parent, String name) 主要功能顯示下一個物件顯示前一個物件移除 CardLayout 中的物件 comp 設定物件與容器的水平間距設定物件與容器的垂直間距顯示 Container 中名稱為 name 的物件

$*; 03 public class app17_15 04 { 05 static Frame frm=new Frame("Card Layout"); 06 public static void main(string args[]) 07 { 08 CardLayout card=new CardLayout(5,10); // 使用多層版面配置 09 frm.$

48 AWT 視窗物件下面是多層版面配置的簡單範例 : 01 // app17_15, CardLayout 類別的用法 02 import java.awt.*; 03 public class app17_15 04 { 05 static Frame frm=new Frame("Card Layout"); 06 public static void main(string args[]) 07 { 08 CardLayout card=new CardLayout(5,10); // 使用多層版面配置 09 frm.setlayout(card); 10 frm.setsize(200,150); 11 frm.add(new Button("Button 1"),"c1"); 12 frm.add(new Button("Button 2"),"c2"); 13 frm.add(new Button("Button 3"),"c3"); 14 card.show(frm,"c2"); 15 frm.setvisible(true); 16 } 17 } 將按鈕加入視窗, 並賦予名稱

49 AWT 視窗物件使用 FlowLayout 類別流動式版面配置 (flow layout) 可自動依視窗的大小, 將物件由左而右由上而下的次序來排列下表列出了 FlowLayout 類別常用的建構元與 method: 表 java.awt.flowlayout 的建構元與 method 建構元主要功能 FlowLayout() 建立 FlowLayout 類別的物件, 物件置中對齊, 物件的垂直與水平間距皆預設為 5 個單位 FlowLayout(int align) FlowLayout(int align, int hgap, int vgap) 建立 FlowLayout 類別的物件, 物件的垂直與水平間距皆為 5 個單位, 對齊方式可以為 FlowLayout.LEFT FlowLayout.CENTER 與 FlowLayout.RIGHT, 分別代表靠左置中與靠右對齊建立 FlowLayout 類別的物件, 物件的水平間距為 hgap, 垂直間距為 vgap, 對齊方式為 align

50 AWT 視窗物件 method int getalignment() int gethgap() int getvgap() 主要功能取得版面配置的對齊方式取得物件之間的水平間距取得物件之間的垂直間距 void setalignment(int align) 設定物件的對齊方式為 FlowLayout.LEFT FlowLayout.CENTER 與 FlowLayout.RIGHT, 分別代表靠左置中與靠右對齊 void sethgap(int hgap) void setvgap(int vgap) 設定物件的水平間距為 hgap 設定物件的垂直間距為 vgap

$*; 03 public class app17_16 04 { 05 static Frame frm=new Frame("Flow Layout"); 06 public static void main(string args[]) 07 { 08 FlowLayout$ flow=new FlowLayout(FlowLayout.CENTER,5,10); 09 frm.setlayout(flow); // 設定版面配置為流動式 10 frm.setsize(200,150); 11 frm.setbackground(color.

flow=new FlowLayout(FlowLayout.CENTER,5,10); 09 frm.setlayout(flow); // 設定版面配置為流動式 10 frm.setsize(200,150); 11 frm.setbackground(color.

51 AWT 視窗物件下面的範例是在流動式版面配置裡建立三個文字方塊 : 01 // app17_16, FlowLayout 類別的使用 02 import java.awt.*; 03 public class app17_16 04 { 05 static Frame frm=new Frame("Flow Layout"); 06 public static void main(string args[]) 07 { 08 FlowLayout flow=new FlowLayout(FlowLayout.CENTER,5,10); 09 frm.setlayout(flow); // 設定版面配置為流動式 10 frm.setsize(200,150); 11 frm.setbackground(color.yellow); 12 frm.add(new TextField("This",8)); // 加入文字方塊 13 frm.add(new TextField("is",6)); // 加入文字方塊 14 frm.add(new TextField("Flow Layout",16)); // 加入文字方塊 15 frm.setvisible(true); 16 } 17 } 8 個字元的大小 6 個字元的大小 16 個字元的大小

52 AWT 視窗物件使用 GridLayout 類別 AWT 利用 GridLayout 類別來處理 Grid Layout 這個類型的版面配置下表列出常用的建構元與 method: 表 java.awt.gridlayout 的建構元與 method 建構元 GridLayout() GridLayout(int rows, int cols) GridLayout(int rows, int cols, int hgap, int vgap) 主要功能建立 GridLayout 類別的物件, 將物件配置在同一列的數個格子內建立 GridLayout 類別的物件, 將物件配置在 rows 列,cols 行的數個格子內建立 GridLayout 類別的物件, 將物件配置在 rows 列,cols 行的數個格子內, 並指定水平間距為 hgap, 垂直間距為 vgap

53 AWT 視窗物件 method int getcolumns() int gethgap() int getrows() int getvgap() void setcolumns(int cols) void sethgap(int hgap) void setrows(int rows) void setvgap(int vgap) 主要功能傳回物件排列的行數傳回物件水平的間距傳回物件排列的列數傳回物件垂直的間距設定物件排列的行數設定物件水平的間距設定物件排列的列數設定物件垂直的間距

$*; 03 public class app17_17 04 { 05 static Frame frm=new Frame("Grid Layout"); 06 public static void main(string args[]) 07 { 08 GridLayout grid=new GridLayout(3,5); // 3 列 5 行的配置 09 frm.$

54 AWT 視窗物件下面的範例是在視窗中, 利用 GridLayout 配置 3 列 5 行的按鈕 01 // app17_17, GridLayout 類別的使用 02 import java.awt.*; 03 public class app17_17 04 { 05 static Frame frm=new Frame("Grid Layout"); 06 public static void main(string args[]) 07 { 08 GridLayout grid=new GridLayout(3,5); // 3 列 5 行的配置 09 frm.setlayout(grid); 10 frm.setsize(200,150); 11 for(int i=1;i<=15;i++) 12 frm.add(new Button(Integer.toString(i))); // 加入按鈕 13 frm.setvisible(true); 14 } 15 }

55 AWT 視窗物件使用 Panel 面板面板 (panel) 可以用來盛裝物件, 如下圖是在一個面板裡配置版面設定 GridLayout, 把按鈕放進面板之後, 再把面板放進視窗裡 : Frame 物件, 沒有設定配置的方式 Label 物件, 直接將它放置於視窗上 Panel 物件, 其配置方式設定為 GridLayout 將 Button 放在 Panel 上, 這些 Button 會依 GridLayout 的配置方式來排列

56 AWT 視窗物件下表列出了 Panel 類別常用的建構元表 java.awt.panel 的建構元建構元 Panel() Panel(layoutManager layout) 主要功能建立面板建立面板, 並指定版面配置方式為 layout

$*; 03 public class app17_18 04 { 05 static Frame frm=new Frame("Panel class"); // 建立視窗 frm 06 static Panel pnl=new Panel(new GridLayout(3,3)); // 建立面板 pnl 07 static Label lab=new Label("0. ",Label.$

57 AWT 視窗物件下面的程式示範了如何以 Panel 類別繪出一個小計算機 : 01 // app17_18, 使用 Panel 類別 02 import java.awt.*; 03 public class app17_18 04 { 05 static Frame frm=new Frame("Panel class"); // 建立視窗 frm 06 static Panel pnl=new Panel(new GridLayout(3,3)); // 建立面板 pnl 07 static Label lab=new Label("0. ",Label.RIGHT); // 建立標籤 lab 08 public static void main(string args[]) 09 { 10 frm.setlayout(null); // 取消視窗的版面設定 11 frm.setsize(200,150); frm.setresizable(false); // 將視窗設定為固定大小 14 lab.setbounds(20,30,120,20); 15 lab.setbackground(new Color(240,220,190)); // 設定標籤的顏色 16 pnl.setbounds(20,60,120,80); // 設定 pnl 置於視窗內的位置 17 for(int i=1;i<=9;i++) 18 pnl.add(new Button(Integer.toString(i))); // 加入按鈕 frm.add(lab); // 將 lab 放進視窗中 21 frm.add(pnl); // 將面板放進視窗中 22 frm.setvisible(true); 23 } 24 }

58 AWT 視窗物件 17-58

Chapter 9: Objects and Classes

Chapter 9: Objects and Classes (Swing) AWTEvent Font LayoutManager 1 Classes in the javax.swing package Heavyweight FontMetrics Object Color Panel Applet JApplet Graphics Component Container Window Frame JFrame * Dialog JDialog JComponent