GUI

java基礎學習總結——GUI編程(一)

1、AWT介紹

　　

　　全部的能夠顯示出來的圖形元素都稱爲Component，Component表明了全部的可見的圖形元素，Component裏面有一種比較特殊的圖形元素叫Container，Container(容器)在圖形界面裏面是一種能夠容納其它Component元素的一種容器，Container自己也是一種Component的，Container裏面也能夠容納別的Container。

　　Container裏面又分爲Window和Pannel，Window是能夠獨立顯示出來的，平時咱們看到的各類各樣的應用程序的窗口均可以稱爲Window，Window做爲一個應用程序窗口獨立顯示出來，Pannel也能夠容納其它的圖形元素，但通常看不見Pannel，Pannel不能做爲應用程序的獨立窗口顯示出來，Pannel要想顯示出來就必須得把本身裝入到Window裏面才能顯示出來。

　　Pannel應用比較典型的就是Applet(JAVA的頁面小應用程序)，如今基本上已經不用了，AJAX和JAVASCRIPT徹底取代了它的應用。

　　Window自己又能夠分爲Frame和Dialog，Frame就是咱們平時看到的通常的窗口，而Dialog則是那些須要用戶進行了某些操做(如點擊某個下拉菜單的項)纔出現的對話框，這種對話框就是Dialog。

2、組件和容器(Component和Container)

　　

2.1.Frame

　　

Frame範例：

 1 package cn.javastudy.summary;  2  3 /**學習JAVA的GUI編程編寫的第一個圖形界面窗口*/  4 import java.awt.*;  5  6 public class TestFrame {  7 public static void main(String args[]) {  8 Frame f = new Frame("個人第一個JAVA圖形界面窗口");  9 /* 10  * 這裏只是在內存裏面建立了一個窗口對象 還不能真正顯示出來然咱們看到 11 */ 12 f.setBackground(Color.blue);// 設置窗體的背景顏色 13 // blue是Color類裏面的一個靜態常量，可使用「類名.靜態常量名」來訪問 14 f.setVisible(true);// 設置窗體是否可見 15 /* 16  * 要想看到在內存裏面建立出來的窗口對象， 必須調用setVisble()方法，而且把參數true傳入才能看得見窗體 若是傳入的參數是false，那麼窗體也是看不見的 17 */ 18 f.setSize(400, 400);// 設置窗體的初始大小 19 f.setLocation(200, 200);// 設置窗體出現時的位置，若是不設置則默認在左上角(0,0)位置顯示 20 f.setResizable(false); 21 /* 22  * 設置窗體可否被改變大小，設置爲false後表示不能改變窗體的顯示大小 這裏將窗體顯示的大小設置爲200X200，那麼窗體的顯示只能是這個大小了，不能再使用鼠標拖大或者縮小 23 */ 24  } 25 }

運行結果以下：

　　

 1 package cn.javastudy.summary;  2  3 import java.awt.*;  4 public class TestMultiFrame{  5 public static void main(String args[]){  6 MyFrame f1 = new MyFrame(100,100,200,200,Color.BLUE);  7 MyFrame f2 = new MyFrame(300,100,200,200,Color.YELLOW);  8 MyFrame f3 = new MyFrame(100,300,200,200,Color.GREEN);  9 MyFrame f4 = new MyFrame(300,300,200,200,Color.MAGENTA); 10  } 11 } 12 /*自定義一個類MyFrame，而且從Frame類繼承 13 這樣MyFrame類就擁有了Frame類的一切屬性和方法 14 而且MyFrame類還能夠自定義屬性和方法 15 所以使用從Frame類繼承而來的自定義類來建立圖形窗口比直接使用Frame類來建立圖形窗口要靈活 16 因此通常使用從Frame類繼承而來的自定義類建立圖形窗口界面比較好， 17 不推薦直接使用Frame類來建立圖形窗口界面 18 */ 19 class MyFrame extends Frame{ 20 static int id = 0; 21 //定義一個靜態成員變量id，用來記錄建立出來的窗口的數目 22 MyFrame(int x,int y,int w,int h,Color color){ 23 //自定義構成方法，在構造方法體內使用super調用父類Frame的構造方法 24 super("MyFrame"+(++id)); 25  setBackground(color); 26 /*使用從父類Frame繼承而來的方法設置窗體的相關屬性*/ 27 setLayout(null); 28  setBounds(x,y,w,h); 29 setVisible(true); 30  } 31 }

運行結果：

　　

2.2.Panel

　　

Panel範例：

 1 package cn.javastudy.summary;  2  3 import java.awt.*;  4 public class TestPanel{  5 public static void main(String args[]){  6 Frame f = new Frame("JAVA Fram With Panel");  7 Panel p = new Panel(null);  8 f.setLayout(null);  9 f.setBounds(300,300,500,500);//這裏設置的座標(300,300)是相對於整個屏幕的 10 f.setBackground(new Color(0,0,102));//設置背景顏色時使用三基色(紅，綠，藍)的比例來調配背景色 11 p.setBounds(50,50,400,400);//這裏設置的座標(50,50)是相對於Frame窗體的 12 p.setBackground(new Color(204,204,255)); 13 f.add(p);//把Panel容器裝入到Frame容器中，使其能在Frame窗口中顯示出來 14 f.setVisible(true); 15  } 16 }

運行結果以下：

　　

3、佈局管理器

　　

3.1.第一種佈局管理器——FlowLayout

　　

　　

測試代碼：

 1 package cn.javastudy.summary;  2  3 import java.awt.*;  4  5 public class TestFlowLayout {  6 public static void main(String args[]) {  7 Frame f = new Frame("FlowLayout");  8 /*  9  * 使用Button類建立按鈕 按鈕類的其中一個構造方法：Button(String label) label爲按鈕顯示的文本 10 */ 11 Button btn1 = new Button("button1"); 12 Button btn2 = new Button("button2"); 13 Button btn3 = new Button("button3"); 14 /* setLayout方法的定義：public void setLayout(LayoutManager mgr) */ 15 f.setLayout(new FlowLayout());// 使用流水(Flow)線般的佈局 16 /* 使用了佈局管理器FlowLayout，這裏的佈局採用默認的水平居中模式 */ 17 // f.setLayout(new FlowLayout(FlowLayout.LEFT)); 18 /* 這裏在佈局的時候使用了FlowLayout.LEFT常量，這樣就將按鈕設置爲左對齊 */ 19 // f.setLayout(new FlowLayout(FlowLayout.RIGHT)); 20 /* 這裏在佈局的時候使用了FlowLayout.RIGHT常量，這樣就將按鈕設置爲右對齊 */ 21 f.add(btn1);// 把建立出來的按鈕放置到Frame窗體中 22 f.add(btn2); // 這裏並無設置按鈕的大小與位置 23 f.add(btn3); // 設置按鈕的大小與位置都是由佈局管理器來作的 24 f.setVisible(true); 25 f.setSize(200, 200); 26  } 27 }

運行結果以下：

3.2.第二種佈局管理器——BorderLayout

　　

 　　

測試代碼：

 1 package cn.javastudy.summary;  2  3 import java.awt.*;  4  5 public class TestBorderLayout {  6 public static void main(String args[]) {  7 Frame f = new Frame("BorderLayout");  8 Button btnEast = new Button("East");  9 Button btnWest = new Button("West"); 10 Button btnSouth = new Button("South"); 11 Button btnNorth = new Button("North"); 12 Button btnCenter = new Button("Center"); 13 /* 14  * 把按鈕放置到Frame窗體時按照東西南北中五個方向排列好 推薦使用這種方式去排列窗體元素， 15  * 這樣容易檢查出錯誤 由於這樣寫若是寫錯了編譯器會提示出錯 16 */ 17  f.add(btnEast, BorderLayout.EAST); 18  f.add(btnWest, BorderLayout.WEST); 19  f.add(btnSouth, BorderLayout.SOUTH); 20  f.add(btnNorth, BorderLayout.NORTH); 21  f.add(btnCenter, BorderLayout.CENTER); 22 /* 23  * 也可使用這樣的方式排列按鈕 在把按鈕放置到Frame窗體時使用方向定位的字符串指定按鈕的放置位置 24  * 這種使用方向定位的字符串指定按鈕的放置方式不推薦使用 一旦寫錯了方向字符串就很差檢查出來 25  * 由於即便是寫錯了仍然能夠編譯經過 26 */ 27 /* 28  * f.add(btnEast,"East"); 29  * f.add(btnWest,"West"); 30  * f.add(btnSouth,"South"); 31  * f.add(btnNorth,"North"); 32  * f.add(btnCenter,"Center"); 33 */ 34 f.setSize(200, 200); 35 f.setVisible(true); 36  } 37 }

運行結果：

3.3.第三種佈局管理器——GridLayout（表格佈局管理器）

　　

測試代碼：

 1 package cn.javastudy.summary;  2  3 import java.awt.*;  4  5 public class TestGridLayout {  6 public static void main(String args[]) {  7 Frame f = new Frame("GridLayout");  8 Button btn1 = new Button("btn1");  9 Button btn2 = new Button("btn2"); 10 Button btn3 = new Button("btn3"); 11 Button btn4 = new Button("btn4"); 12 Button btn5 = new Button("btn5"); 13 Button btn6 = new Button("bnt6"); 14 f.setLayout(new GridLayout(3, 2)); 15 /* 把佈局劃分紅3行2列的表格佈局形式 */ 16  f.add(btn1); 17  f.add(btn2); 18  f.add(btn3); 19  f.add(btn4); 20  f.add(btn5); 21  f.add(btn6); 22  f.pack(); 23 f.setVisible(true); 24  } 25 }

運行結果：

3.4.佈局練習

這幾種佈局管理器能夠設置在Frame裏面，也能夠設置在Panel裏面，而Panel自己也能夠加入到Frame裏面，所以經過Frame與Panel的嵌套就能夠實現比較複雜的佈局

實現代碼：

 1 package cn.javastudy.summary;  2  3 import java.awt.*;  4 public class TestTenButtons{  5 public static void main(String args[]){  6 /*這裏主要是對顯示窗體進行設置*/  7 Frame f = new Frame("佈局管理器的嵌套使用");  8 f.setLayout(new GridLayout(2,1));//把整個窗體分紅2行1列的表格佈局  9 f.setLocation(300,400); 10 f.setSize(400,300); 11 f.setVisible(true); 12 f.setBackground(new Color(204,204,255)); 13 /*這裏主要是對Panel進行佈局的設置*/ 14 Panel p1 = new Panel(new BorderLayout()); 15 Panel p2 = new Panel(new GridLayout(2,1));//p2使用2行1列的表格佈局 16 Panel p3 = new Panel(new BorderLayout()); 17 Panel p4 = new Panel(new GridLayout(2,2));//p4使用2行2列的表格佈局 18 /*這裏主要是把按鈕元素加入到Panel裏面*/ 19 p1.add(new Button("East(p1-東)"),BorderLayout.EAST); 20 p1.add(new Button("West(p1-西)"),BorderLayout.WEST); 21 p2.add(new Button("p2-Button1")); 22 p2.add(new Button("p2-Button2")); 23 /*p1裏面嵌套p2，把p2裏面的按鈕做爲p的中間部分裝入到p1裏面*/ 24 p1.add(p2,BorderLayout.CENTER);//把p2做爲元素加入到p1裏面 25 26 p3.add(new Button("East(p3-東)"),BorderLayout.EAST); 27 p3.add(new Button("West(p3-西)"),BorderLayout.WEST); 28 for(int i=0;i<4;i++){ 29 p4.add(new Button("p4-Button"+i)); 30  } 31 /*p3裏面嵌套p4，把p4裏面的按鈕做爲p的中間部分裝入到p3裏面*/ 32  p3.add(p4,BorderLayout.CENTER); 33 34 f.add(p1);//把Panel裝入Frame裏面,以便於在Frame窗體中顯示出來 35  f.add(p3); 36 37  } 38 }

運行結果：

4、佈局管理器總結