Java AWT組件開發和Swing界面編程

一、AWT組件開發

1、AWT

       AWT是抽象窗口工具箱的縮寫，它為編寫圖形用戶界面提供了用戶接口，通過這個接口就可以繼承很多方法，省去了很多工作。AWT還能使應用程序更好地同用戶進行交互。

       AWT中的容器是一種特殊的組件，他可以包含其他組件，即可以把組件方法容器中。Container類是用來存放其他組件的Component類的子類，Frame類又是Component的子類。Frame類用於創建具有標題欄和邊界的窗口。這里通過繼承Frame類來建立自己的界面。

 

public class test extendsFrame{
    //創建構造器
    public test() throws HeadlessException {
        this.setTitle("第一個窗口程序");
        //x , y是距離顯示器左上角的距離；w , h是窗口的長寬
        this.setBounds(100, 100, 250, 250);
        //或者使用以下方式代替上面的一句代碼
//        this.setLocation(100, 100);
//        this.setSize(250 , 250);
        this.setVisible(true);
    }
    public static void main(String[] str) {
        new test();
    }
}

 

 

       上面是窗口中一些必不可少的東西，下面是一些窗口的基礎應用：

       >setTitle(“窗口”)：定義窗口名稱

       >add(button)：把按鈕添加到窗口中

       >setBackground(Color)：設置窗口的背景顏色

       >setResizable(boolean)：設置窗口大小是否可以改變

       >setAlwaysOnTop(boolean)：設置窗口是否總在最上面

       >setBounds(x, y, w, h)：設置窗口起始位置和大小

       >setVisible(boolean)：設置窗口可見

       如果想創建多個窗口，只需要在主方法main()中創建多個對象就行了。

2、布局管理器

       Java中的圖形界面在布局管理上采用容器和布局管理相分離的方案，也就是說容器只是把組件放進來，但它不管怎樣放置。至於如何放置需要用到布局管理器。Java中有幾種布局管理器，分別是：FlowLayout , BorderLayout, GridLayout和GardLayout。

       1)、FlowLayout

       FlowLayout布局管理器是默認的布局管理器，它將組件按照從左到右、從上到下的順序來安排，並在默認情況下使組件盡量居中放置。下面的代碼要添加到test()類中：

        this.setLayout(new FlowLayout());

        //將按鈕組件放入容器中

        this.add(new Button("確定"));

        this.add(new Button("取消"));

       大家可以通過創建許多按鈕來觀察FlowLayout對組件的擺放規律，下面是使用一個按鈕監聽事件來實現按鈕的添加：

 

public class test extendsFrame implements ActionListener{
    int i;
    Button b = new Button("Add");
    public test() throws HeadlessException {
        this.setTitle("第一個窗口程序");
        this.setLayout(new FlowLayout());
        this.add(b);
        b.addActionListener(this);
        this.setBounds(100, 100, 250, 250);
        this.setVisible(true);
    }
    @Override
    public void actionPerformed(ActionEvent e){
        i++;
        Button bi = newButton("Button" + i);
        this.add(bi);
        this.setVisible(true);
    }
    public static void main(String[] str) {
        new test();
    }
}

 

 

       在本程序中，由於按鈕的大小不同，其整體看起來不太整齊，但這更說明了FlowLayout布局管理器的規則。

       2)、BorderLayout

       BorderLayout布局管理器只允許在容器內放置5個組件，這5個組件的位置是由BorderLayout類中的North、South、East、West和Center5個常量來確定的，他們對應着容器中的上下左右中，用法如下:

       this.add(new Button(“按鈕”) ,BorderLayout.NORTH);

       this.add(new Button(“按鈕”) ,BorderLayout.CENTER);

       組件在BorderLayout中的大小都是可以改變的。一般情況下可以讓中間區域大一些，而且可以只用其中幾個區域。

       3)、GridLayout

       GridLayout布局管理器是矩形網格，在網格中放置組件，每個網格的高度和寬度都相等，組件的排列順序與FlowLayout相同。組件隨着網格的大小而在水平和垂直方向上拉伸，網格的大小是由容器的大小和創建網格的多少來確定的。其用法如下：

       this.setLayout(newGridLayout(2 , 3)); //創建一個2行3列的網格

       this.add(new Button(“按鈕”));

       當組件數目大於網格數時，GridLayout保持行數不變而自動增加列數。

       4)、CardLayout

       CardLayout運行在一個組件中每次只顯示一組組件中的某一個，用戶可以根據需要來選擇使用哪個組件。CardLayout類提供了如下選擇組件的方法。

       >First(Container p)：選擇容器中的第一個組件

       >last(Container p)：選擇容器中的最后一個組件

       >next(Container p)：選擇容器中當前組件的下一個組件

       >prebvious(Container p)：選擇容器中當前組件的上一個組件

       >show(Container p ,String name)：選擇容器中指定的組件

       前面幾種很容易理解，而show()方法來選擇容器中指定的組件。它的第一個參數是管理組件的容器，第二個參數是標識要顯示組件字符串，該字符串與將組件添加到容器時使用的字符串相同。其用法如下：

 

public class test extendsFrame implements ActionListener{
    Panel p = new Panel();
    Button bf = new Button("First");
    Button bl = new Button("Last");
    Button bn = new Button("next");
    Button bp = newButton("previous");
    Button bg = new Button("Go");
    TextField tf = new TextField();
    //設置CardLayout布局管理器
    CardLayout cl = new CardLayout();
    public test() throws HeadlessException {
        this.setTitle("CardLayout布局管理器");
        this.setLayout(null);
        this.add(p);
        //定義p面板為CardLayout布局管理器
        p.setLayout(cl);
        //為CardLayout布局管理器添加按鈕
        for (int i = 1; i <= 10; i++) {
            Button btemp = newButton("Button" + i);
            p.add(btemp, "" + i);
        }
        //為每個組件設置大小位置並添加到容器中
        p.setBounds(10, 40, 100, 100);
        this.add(bf);
        bf.addActionListener(this);
        bf.setBounds(120, 40, 60, 20);
        this.add(bl);
        bl.addActionListener(this);
        bl.setBounds(120, 70, 60, 20);
        this.add(bn);
        bn.addActionListener(this);
        bn.setBounds(120, 100, 60, 20);
        this.add(bp);
        bp.addActionListener(this);
        bp.setBounds(120, 130, 60, 20);
        this.add(bg);
        bg.addActionListener(this);
        bg.setBounds(60, 160, 40, 20);
        this.add(tf);
        tf.setBounds(20, 160, 40, 20);
        //設置窗口的位置和大小
        this.setBounds(200, 200, 210, 220);
        this.setVisible(true);
    }
    @Override
    public void actionPerformed(ActionEvent e){
        if (e.getSource() == bn) {
            cl.next(p);
        }
        if (e.getSource() == bp) {
            cl.previous(p);
        }
        if (e.getSource() == bf) {
            cl.first(p);
        }
        if (e.getSource() == bl) {
            cl.last(p);
        }
        if (e.getSource() == bg) {
            cl.show(p, tf.getText().trim());
            tf.setText("");
        }
    }
    public static void main(String[] args){
        new test();
    }

 

 

3、組件和監聽接口

       組件和監聽接口是分不開的。組件和監聽接口在AWT中有很多，我們只對復雜的、難以理解的進行講解，其他的大家可以通過API自行學習。

       1)、按鈕和ActionListener

       ActionListener是由處理ActionEvent事件的監聽器對象實現的。當單擊按鈕、在文本區域中按回車鍵、選擇菜單項、雙擊列表項都會觸發監聽器。該接口中的方法為：

       public voidactoinPerformed(ActionEvent e)

       下面是一個實現ActionListener接口的實例：

 

public class mytest01extends Frame implements ActionListener{
    Button b1 = new Button("進入社區");
    Button b2 = new Button("退出");
    public mytest01() throws HeadlessException{
        this.setTitle("論壇");
        this.add(b1);
        this.add(b2 , BorderLayout.SOUTH);
        //為按鈕添加監聽
        b1.addActionListener(this);
        b2.addActionListener(this);
        this.setBounds(100, 100, 200, 300);
        this.setVisible(true);
    }
    //實現ActionListener接口中的方法
    public void actionPerformed(ActionEvent e){
        if (e.getSource() == b1) {
            System.out.println("進入社區");
        }
        else{
            System.out.println("退出");
        }
    }
    public static void main(String[] args){
        new mytest01();
    }
}

 

 

       2)、運用WindowListener

       WindowListener是處理WindowEvent事件的對象實現的。這個監聽器確定了窗口設么時候被打開、關閉、激活、不激活、最小化和最大化。該接口中的方法有：

       >public voidwindowActivated(WindowEvent e)

       >public voidwindowClosed(WindowEvent e)

       >public voidwindowClosing(WindowEvent e)

       >public voidwindowDeactivated(WindowEvent e)

       >public voidwindowDeiconfied(WindowEvent e)

       >public void windowIconified(WindowEvente)

       >public voidwindowOpened(WindowEvent e)

       這些接口很容易但是有點繁瑣，下面的實例程序非常清楚：

 

public class mytest01extends Frame implements WindowListener{
    public mytest01() throws HeadlessException{
       this.setTitle("WindowListener");
        this.addWindowListener(this);
        this.setBounds(100, 100, 200, 300);
        this.setVisible(true);
    }
    //實現接口中的方法
    public void windowOpened(WindowEvent e) {
        System.out.println("打開");
    }
    public void windowClosing(WindowEvent e) {
        System.out.println("菜單關閉");
        this.dispose();
    }
    public void windowClosed(WindowEvent e) {
        System.out.println("釋放");
    }
    public void windowIconified(WindowEvent e){
        System.out.println("最小化");
    }
    public void windowDeiconified(WindowEvente) {
        System.out.println("最大化");
    }
    public void windowActivated(WindowEvent e){
        System.out.println("激活");
    }
    public void windowDeactivated(WindowEvente) {
        System.out.println("失去焦點");
    }
    public static void main(String[] args){
        new mytest01();
    }
}

 

 

       3)、文本組件和TextListener

       文本組件就像把窗口空白處看成記事本一樣，它是一個用來寫內容的組件。TextListener用來確定何時文本值改變。該接口還可以用到很多地方，其接口方法如下：

       public voidtextValueChanged(TextEvent e)

       下面通過實例來了解TextListener監聽事件的使用

 

public class mytest01extends Frame implements TextListener{
    TextArea ta = newTextArea("saasdfgadsfg");
    public mytest01() throws HeadlessException{
        this.setTitle("textArea");
        this.add(ta);
        //設置文字樣式
        Font f = new Font("宋體", Font.ITALIC+ Font.BOLD, 50);
        ta.setFont(f);
        ta.addTextListener(this);
        ta.setForeground(Color.red);
        this.setBounds(100, 100, 300, 300);
        this.setVisible(true);
    }
    @Override
    public void textValueChanged(TextEvent e) {
        System.out.println(ta.getText());
    }
    public static void main(String[] args){
        new mytest01();
    }
}

 

 

       上面的這段程序使用TextListener監聽文本的輸入、刪除等操作，就像記事本一樣可以對文本進行修改、錄入。

二、Swing界面編程

       隨着Java的發展，AWT已經漸漸被淘汰，它已經不能適應發展的需要，不能滿足開發功能強大的用戶界面的需要。這時Swing出現了，它是建立在AWT之上的組件集，在不同的平台上都能保持組件的界面樣式，因此得到了非常廣泛的應用。

1、Swing組件庫

       在Swing組件中有許多種組件，它們被封裝在JFC中，下面我們會對每一種組件進行詳細介紹。Swing包很多，但平常用到的只有javax.swing.*和javax.swing.event.*這兩個包，其他的很少用到。

       1)、JFC結構

       JFC是Java的基礎類，是Java Foundation Classes的縮寫形式，封裝了一組用於構建圖形用戶界面的組件和特性。JFC包含了圖形用戶界面構建中需要用到的頂級容器(Applet、Dialog、Frame)、普通容器(面板、滾動面板、拆分窗格組件、選項卡插U能給個和工具條等)、特殊容器(InternalFrame、Layeredpane、root pane)、基本組件(button , combo box , list , menu , slider , spinner和textfild)等。

       2)、與AWT的區別

       最大的區別在於Swing組件的實現與本地實現無關。Swing組件比AWT組件具有更多的功能。例如在Swing中添加了按鈕組件和標簽組件，通過繼承來更改Swing組件的行為和外觀，訪問技術等。

2、Jfram窗口容器

       它定義了一個UI程序的框架，是圖形程序不可缺少的一部分。它與java.awt.Frame類很類似，它是RootPaneContainer的一種，是頂層的Swing容器。通過繼承jframe，所構建的容器就有一些最基本的組件。例如和關閉按鈕相對應的容器有一個setDefaultCloseOperation(int operation)方法，這是每個Swing程序都有的，它有四個參數：

       >DO_NOTHING_ON_CLOSE(單擊后不管用)

       >HIDE_ON_CLOSE(單擊后窗口隱藏)

       >DISPOSE_ON_CLOSE(單擊后窗口釋放)

       >EXIT_ON_CLOSE(單擊后退出)

       Jframe是最重要的頂層容器，其顯示效果是一個窗口，帶有標題和尺寸重置角標。可以在其中添加按鈕、標簽等組件。下面是一個應用JFrame類的基本程序：

 

public class test extendsJFrame{
    public test() throws HeadlessException {
        this.setLayout(new GridLayout(2, 2));
        this.setBounds(10, 10, 600, 400);
        this.setVisible(true);
        //設置當單機窗口的關閉按鈕時退出
       this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }
    public static void main(String[] args){
        new test();
    }
}

 

 

3、通過Icon接口進行圖像操作

       Icon接口用於顯示圖像。在Icon接口中定義了許多方法，這些方法都是圖像應用方面必不可少的。

       在Swing組件中支持圖像顯示。ImageIcon類用來描述圖像。創建Icon對象的方法有3種：

       >new ImageIcon(Image i)

       >new ImageIcon(Stringfilename)(參數為圖像文件的名稱)

       >new ImageIcon(URL u)(參數為網絡地址)

       實現Icon接口的方法也有3種：

       >PaintIcon(Graphics)

       >getIconWidth()(設置圖像寬度)

       >getIconHeight()(設置圖像長度)

       JLable是一種既可以包含文本又可以包含圖像的控件，該控件不能響應用戶的動作。創建一個JLable的方法如下：

       Jlabel j1 = new JLable(“a”);

       this.add(j1);

       Icon組件可以實現帶有圖標的按鈕或標簽。Icon是一個固定大小的圖片，通常用於裝飾組件。下面是一個Icon的實例應用：

 

public class test extendsJFrame{
    JLabel j1 = new JLabel("a");
    JLabel j2 = new JLabel("b");
    public test() throws HeadlessException {
        this.setLayout(new GridLayout(2, 2));
        this.add(j1);
        this.add(j2);
        //引入原有圖片
        ImageIcon i1 = new ImageIcon("D:\\桌面\\桌面\\安卓開發工具\\素材\\圖標\\a1.png");
        j1.setIcon(i1);
        //引入自做圖片
        Icon i2 = new MyIconlmp();
        j2.setIcon(i2);
        this.setBounds(10, 10, 600, 400);
        this.setVisible(true);
        //設置當單機窗口的關閉按鈕時退出
       this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    }
    //定義一個揮之圖片的類
    class MyIconlmp implements Icon{
        public void paintIcon(Component c,Graphics g, int x, int y) {
            for (int i = 0; i < 3; i++) {
                g.setColor(new Color(30*i,50*i, 60*i));
                g.fillOval(10, 10 + 100*i, 120,80);
            }
        }
        //設置圖片寬度
        public int getIconWidth() {
            return 200;
        }
        //設置圖片高度
        public int getIconHeight() {
            return 200;
        }
    }
    public static void main(String[] args){
        new test();
    }
}