終於來到我們最後一個主題了，今天我們要介紹的是圖形使用者介面（graphical user interface, GUI），不知道大家有沒有聽過，但大家一定都用過，他就是一種與應用程式互動的友善操作機制，Windows 作業系統本身就是一個常見的例子。

Java GUI 的元件有 Swing 和 AWT 兩組，在早期的 Java 中，GUI 透過 java.awt 套件中的 Abstract Window Toolkit（AWT）的元件來建構。AWT 設計的視窗圖形程式會跟作業系統原本的視窗風格一致， Swing 則是完全用 Java 來撰寫、操作與顯示，因此在各平台間並無外觀上的差異。接下來，我們會著重在 Swing 的介紹：

Swing 元件

Java 的圖形化介面由各式各樣的「元素」組成，像是視窗、按鈕、對話框等等，這些元素統一被稱為元件（Component），依照不同功能，可分為頂層容器、中間容器、基本元件：

頂層容器

屬於視窗類別元件，繼承自 java.awt.Window，可以獨立顯示。

中間容器

中間容器當作基本元件的載體，不能獨立顯示，繼承自 javax.swing.JComponent，可以添加多個基本元件，對容器內的組件進行管理。

基本元件

繼承自 javax.swing.JComponent。

由於應用程式的 GUI 基本上屬於應用程式，所以大部分的例子都會包含兩個類別，一個 JFrame 子類別幫助展示新的 GUI 概念，另一個應用程式類別，其中的 main 方法會建立並顯示應用程式的主要視窗。接著就來建立一個簡單的視窗和元件：

import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JButton;
import javax.swing.JTextField;

public class Frame extends JFrame{
    private final JLabel label;
    private final JButton button;
    private final JTextField textField;

    public Frame(){
        super("Hello Swing");   //建立標題名稱
        super.setLayout(null);

        label = new JLabel("Enter your name:");
        label.setBounds(140, 50, 100, 30);  //設定x，y，寬，高
        add(label);

        button = new JButton("Click me!");
        button.setBounds(125, 200, 150, 25);
        add(button);

        textField = new JTextField(10); //設定10列
        textField.setBounds(140, 100, 120, 30);
        add(textField);
    }
}

import javax.swing.JFrame;

public class TestFrame {
    public static void main(String[] args) {
        Frame frame = new Frame();
        frame.setSize(400, 300);   //設定寬，長
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);    //設定預設的關閉視窗
        frame.setVisible(true);    //視窗預設是不可見的
    }
}

在使用每一個元件的時候，要記的先 import。在範例中可以看到有按鈕，但是按下去卻沒有任何反應，這是當然的啦！因為我們還沒告訴他要做什麼反應。當使用者與 GUI 元件互動時，此互動稱為「事件」（Event），會驅動程式去執行任務。

明天我們就要針對這部分進行更詳盡的說明，也會製作出一個小小的互動事件，在設計個過程中，也會增加你們對設計程式的能力，準備好要大顯身手了嗎？那我們明天再見囉！