javaGUI知识（一）

一、AWT编程

1. 图形用户界面(Graphics User Interface, GUI) 是用户与程序交互的窗口，它比基于命令行的界面更直观并且更友好。

        GUI的基本类库位于java.awt包中，Sun最早提供的GUI库,这个包也被称为抽象窗口工具箱(Abstract Window Toolkit, AWT)。 提供一些基本组件和功能，AWT按照面向对象的思想来创建GUI，它提供了容器类、众多的组件类和布局管理器类。通过AWT（或者Swing）提供的图形界面组件库，程序只要一次创建所需的图形组件，并以合适的方式将这些组件组织在一起，以一种“搭积木”的方式，就可以开发出实际可用的图形用户界面。但是这样的图形用户界面还不能与用户交互，为了实现图形界面与用户交互操作，还应为程序提供事件处理，事件处理负责让程序可以响应用户动作。

注：使用AWT创建的图形界面应用和所在的运行平台有相同的界面风格，AWT在程序运行时，将组件（按钮，文本框等）的创建和动作委托给所在的运行平台，jvm使用调用操作系统本地的图形界面来创建和平台一直的对等体。

 AWT构建图形用户界面的机制包括：

            . 提供了一些容器组件(如Frame和Panel), 用来容纳其他的组件(如按钮Button、复选框Checkbox和文本框TextField)。

            . 用布局管理器来管理组件在容器上的布局；

            . 利用监听器来响应各种事件，实现用户与程序的交互。一个组件如果注册了某种事件的监听器，由这个组件触发的

              特定事件就会被监听器接收和响应；

      2.awt包中图形界面元素基类：

component（能以图形化方式显示的界面元素，按钮，文本框）

提供如以下方法：setLocation,setSize,setBounds,setVisible

2.1

component的子类有各种图形化组件，如按钮，文本框等，也有一个子类，代表可以盛装  其他组件的“容器。

1）

Container:component的子类，代表容器，本身也是一个组件。

有以下方法：add，getComponent,getComponentCount，getComponents。

Container中主要有如下两种容器类型：

2.2.1 Window：可容纳其他组件，可独立存在的“顶级”窗口，有子类：Frame

Frame:常见的窗口，特点：

1.有标题，允许通过拖拉来改变窗口的位置、大小

2.初始化时为不可见，需要用过setVisible(true)使其显示出来

3.默认采用BorderLayout作为布局管理器

4.不能被添加到其他容器中。

2.2.2 Panel：可容纳其他组件，但是不能独立存在，必须被添加到其他容器中，如Panel,window,frame。panel外在表现为一个矩形区域，该区域内可盛装其他组件，panel容器存在的意义在于为其他组件提供空间，panel容器具有以下几个特点：

1.可作为容器来盛装其他组件，为放置其他组件（按钮，框）提供空间

2.不能独立存在，必须放置到其他容器中。

3.默认使用FlowLayout作为其布局管理器。

2）其他组件：component的子类。

Buttom:按钮

label:放一段提示性文本

textFiled：单行文本框

textArea:多行文本框

checkbox:复选框组件

checkGroup：将复选框变为单选框

choice:下拉框

list:列表框

      二. 创建GUI 步骤一：选择一个容器

            java.awt包中提供了一个抽象类Component，它是所有除了菜单类组件之外的AWT组件的父类。Container类表示容器，继承了Component类。容器用来存放别的组件, 有两种类型的容器：Window和Panel。

            1. Window和它的子类Frame

               Window是不依赖于其他容器而独立存在的容器。Window的子类Frame是我们最常用的一种容器。

               Frame有一个构造方法——Frame(String title)，通过它可以创建一个以参数为标题的Frame对象。Frame的add()方法

               向容器中加入其他组件。当Frame被创建后，它是不可见的，必须通过以下步骤使Frame成为可见的。

               1) setSize(int width, int height)显示设置Frame的大小，或者调用pack()方法自动确定Frame的大小。pack()方法会确保Frame容器中的组件都会有与布局相适应的合理大小。

               2) setVisible(true)方法使Frame成为可见的。

import java.awt.*;

public class SimpleFrame {

public static void main(String[] args) {

Frame frame = new Frame("hello");

frame.setSize(200, 200);

frame.setLocation(100, 100);

//frame.setBounds(200, 200, 100, 100);

f.setVisible(true);

}

}

            2.  Panel

                Panel不能单独存在，只能存在于其他容器中(Window或其子类)中，一个Panel对象代表了一个长方形的区域，在这区域中可以容纳其他的组件。

                可以通过Panel类的默认构造方法来创建一个Panel对象，然后通过Panel的add()方法向Panel中添加组件。如果要使Panel成为可见的，必须通过Frame或Window的add()方法把Panel添加到Frame或Window中。

import java.awt.*;

public class SimplePanel {

public static void main(String[] args) {

Frame frame = new Frame("测试窗口--Panel");

//创建不可独立存在的容器Panel

Panel panel = new Panel();

//创建一个单行文本输出框

TextField tf = new TextField(20);

//创建一个按钮

Button bn = new Button("确定");

//把文本框、按钮添加到Panel

panel.add(tf);

panel.add(bn);

//把panel添加到frame

frame.add(panel);

frame.setBounds(300, 300, 300, 200);

//设置窗体可见

frame.setVisible(true);

}

}

3.其他容器比如：ScrollPane，是一个带滚动条的容器，也不能独立存在。

//创建顶级可显示窗口frame

Frame frame = new Frame("测试窗口--Panel");

//创建不可独立存在的容器ScrollPane，可以根据参数不同设置滚动条

ScrollPane sp = new ScrollPane(ScrollPane.SCROLLBARS_AS_NEEDED);

//创建一个单行文本输出框

TextField tf = new TextField(20);

//创建一个按钮

Button bn = new Button("确定");

//把文本框、按钮添加到Panel

sp.add(tf);

sp.add(bn);

//把panel添加到frame

frame.add(sp);

frame.setBounds(300, 300, 300, 200);

//设置窗体可见

frame.setVisible(true);

观察以上可知，我们在ScrollPane容器中添加了两个组件，却只显示出来一个，是因为ScrollPane默认采用了BorderLayout的布局，BorderLayout导致了该容器只显示出来一个组件。

        三. 创建GUI 步骤二：布局管理器

为了让组件的大小位置和平台无关，具有良好的平台无关性，我们使用布局管理器来管理容器中组件的位置大小,而不是直接设置。

组件在容器中的位置和尺寸是由布局管理器来决定的。所有的容器都会引用一个布局管理器实例，通过它来自动进行组件的布局管理。

            1. 默认布局管理器

               当一个容器被创建后，它们有相应的默认布局管理器。Window、Frame、ScrollPane的默认布局管理器是BorderLayout, Panel的默认布局管理器是FlowLayout。可以通过setLayout()方法来重新设置容器的布局管理器。例：

               Frame f = new Frame("hello");

               f.setLayout(new FlowLayout());

            2. 取消布局管理器（绝对定位）

               如果不希望通过布局管理器来管理布局，可以调用容器的setLayout(null)方法，这样布局管理器就被取消了。

               接下来必须调用容器中每个组件的setLocation(), setSize()或setBounds()方法，为这些组件在容器中一一定位。

               和布局管理器管理方式不同的是，这种手工布局将导致图形界面的布局不再和平台无关的。相反，图形界面的布局将依赖

               于操作系统环境。

import java.awt.*;

public class ManualLayout {

public static void main(String[] args) {

Frame f = new Frame("hello");

f.setLayout(null);    //取消布局管理器

f.setSize(300,100);                 //宽300, 高100

Button b = new Button("press me");

b.setSize(100,30);                  //宽100, 高30

b.setLocation(40,60);               //x坐标40, y坐标60

f.add(b);

f.setVisible(true);

}

}              

            3. 布局管理器种类

               常用的四种管理器

               a. FlowLayout流式布局管理器；

               b. BorderLayout边界布局管理器；

               c. GridLayout网格布局管理器；

               d. CardLayout卡片布局管理器；

        四. 创建GUI 步骤三：在容器中加入组件

        五. 创建GUI 步骤四：创建事件处理器

        六. FlowLayout流式布局管理器

            最简单的布局管理器，按照组件的添加次序将它们从左到右地放置在容器中。当到达容器边界时，组件将放置在下一行中。

            FlowLayout允许以左对齐、居中对齐(默认方式)或右对齐的方式排列组件。特性：

            . 不限制它所管理的组件的大小， 而是允许它们有自己的最佳大小。

            . 当容器被缩放时，组件的位置可能会变化，但组件的大小不改变。

            FlowLayout的构造方法如下：

            . FlowLayout();

            . FlowLayout(int align);

            . FlowLayout(int align, int hgap, int vgap) 

            参数align用来决定组件在每行中相对于容器的边界的对齐方式，可选值有：

            FlowLayout.LEFT(左对齐)

            FlowLayout.RIGHT(右对齐)

            FlowLayout.CENTER(居中对齐)

            参数hgap和参数vgap分别设定组件之间的水平和垂直间隙。

Frame frame = new Frame("FlowLayout");

FlowLayout flowLayout = new FlowLayout(FlowLayout.CENTER,5,5);

frame.setLayout(flowLayout);

//创建按钮

for(int i=1;i<=10;i++){

Button bn = new Button("button"+i);

bn.setSize(50, 20);

frame.add(bn);

}

        七. BorderLayout边界布局管理器

            将容器分为五个区域：东、南、西、北和中。

            特征：

            . 东西区域的组件保持最佳宽度，高度被垂直拉伸至和所有区域一样高；

              南北区域的组件保持最佳高度，宽度被水平拉伸至和所在区域一样宽；

              位于中区域的组件的宽度和高度都被拉伸至和所在区域一样大小。

            . 垂直拉伸，东、西和中区域也拉伸；

              水平拉伸，南、北和中区域也拉伸；

            . 中区域没有组件，也会分配空间显示容器的背景颜色；

              其它区域没有组件，不会分配空间；

            . 容器被缩放，组件所在的相对位置不变化，但组件大小改变；

            . 某个区域添加的组件不止一个，则只有最后添加的一个是可见的；

            构造方法：

            . BorderLayout();

            . BorderLayout(int hgap, int vgap);

            参数hgap和参数vgap分别设定组件之间的水平和垂直间隙；

            对于采用BorderLayout的容器，当它用add()方法添加一个组件时，可以同时为组件指定在容器中的区域。

            void add(Component comp, Object constraints) 

            这里的constraints是String类型，可选值为BorderLayout提供的五个常量：

            . BorderLayout.NORTH: 北区域，值为"North";

            . BorderLayout.SOUTH: 南区域，值为"South";

            . BorderLayout.EAST: 东区域，值为"East";

            . BorderLayout.WEST: 西区域，值为"West";

            . BorderLayout.CENTER: 中区域，值为"Center";

            Frame的默认布局管理器就是BorderLayout。以下代码把Button放在Frame的北区域。

            Frame f = new Frame("Test");

            f.add(new Button("b1",BorderLayout.NORTH));

            //或者：f.add(new Button("b1","North"));

            如果不指定add()方法的constraints参数，在默认情况下把组件放在中区域。以下代码向Frame的中区域加入两个Button，

            但只有最后加入的Button是可见的。

            Frame f = new Frame("Test");

            f.add(new Button("b1"));

            f.add(new Button("b2"));

            f.setSize(100,100);

            f.setVisible(true);

        八. GridLayout网格布局管理器

            GridLayout将容器分割成许多行和列，组件被填充到每个网格中。添加到容器中的组件首先放置在左上角的网格中，然后从左到右放置其他组件，直至占满该行的所有网络，接着继续在下一行中从左到右放置组件。特性如下：

            . 组件的相对位置不随区域的缩放而改变，但组件的大小会随之改变。组件始终占据网格的整个区域。

            . GridLayout总是忽略组件的最佳大小，所有组件的宽度相同，高度也相同。

            . 将组件用add()方法添加到容器中的先后顺序决定它们占据哪个网络。GridLayout从左到右、从上到下将组件填充到容器

              的网格中。

            GridLayout的构造方法如下：

            . GridLayout()

            . GridLayout(int rows, int cols)

            . GridLayout(int rows, int cols, int hgap, int vgap)

            参数rows代表行数，参数cols代表列数。参数hgap和vgap规定水平(网络之间的水平距离)和垂直方向(网格之间的垂直距离)

            的间隙。

Frame frame = new Frame("GridLayout");

frame.setLayout(new BorderLayout());

frame.add(new TextField(30), BorderLayout.NORTH);

String[] btnNames = {"1","2","3","4","5","6","7","8","9","0","+","-","*","/","="};

Panel panel = new Panel();

panel.setLayout(new GridLayout(3, 5));

for(int i=0;i<btnNames.length;i++){

Button bn = new Button(btnNames[i]);

panel.add(bn);

}

frame.add(panel);

frame.pack();

frame.setVisible(true);

        九. CardLayout卡片布局管理器

            将界面看做一系列的卡片，在任何时侯只有其中一张卡片是可见的，这张卡片占据容器的整个区域。CardLayout的构造方法:

            . CardLayout()

            . CardLayout(int hgap, int vgap)

            参数hgap表示卡片和容器的左右边界之间的间隙，参数vgap表示卡片和容器的上下边界的间隙。

            对于采用CardLayout的容器，当用add()方法添加一个组件时，需要同时为组件指定所在的卡片的名字。

            void add(Component comp, Object constraints)

            以上constraints参数是一个字符串，表示卡片的名字。在默认情况下，容器显示第一个用add()方法加入到容器中的组件，

            也可以通过CardLayout的show(Container parent, String name)方法指定显示哪张卡片，参数parent指定容器，参数name指定卡片的名字。

Frame frame = new Frame("CardLayout");

CardLayout c = new CardLayout();

frame.setLayout(c);

for(int i=1;i<5;i++){

Label lb = new Label("number"+i);

frame.add(i+"",lb);

}

c.next(frame);

c.show(frame, "4");

c.previous(frame);

c.first(frame);

c.last(frame);

frame.setBounds(200, 200, 300, 300);

frame.setVisible(true);

     十、事件处理:根据放置各种组件，我们可以创建出不同的图形化界面，但是这些界面还不能响应用户的任何操作，比如窗体上的×，按钮的点击等。也就是说不能与用户交互，awt中与用户交互需要用到事件机制。

java事件模型：

为了使图形界面能够接收到用户的操作，我们需要给各个组件添加上事件处理。（事件监听器）

在事件处理过程中，主要涉及三类对象：

event source(事件源):事件发生的场所，源头，通常指各种组件

event（事件）：事件封装了GUI组件上发生的特定事情

event Listeren（事件监听器）：负责监听事件源发生的事件，并对不同事件做出响应处理。

时间监听器中有很多方法（事件处理器）负责处理不同事件，做出响应处理，当事件源上事件发生的时候，事件对象会作为参数传递给事件处理器。

1.创建事件监听器类(实现XxxListener接口)，完成事件处理器

2.创建事件源对象，即普通组件

3.把事件监听器绑定到事件源对象上，调用事件源对象的addXxxListener方法

4.当事件源上发生指定事件，AWT会触发事件监听器，调用对应的方法（事件处理器）来处理事件，事件源上发生的事件会作为参数传到事件处理器上。

常用事件：

ComponentEvent:组件事件，组件尺寸、位置、显示/隐藏状态改变时

ContainerEvent:容器时间，向容器中添加组件、删除组件时

WindowEvent：窗口事件，当窗口状态发生改变（打开关闭，最大化最小化）时触发

FocusEvent：焦点时间，当组件得到焦点或失去焦点时触发

keyEvent：键盘事件，当案件被按下、松开、单击时触发

MouseEvent：鼠标事件，当进行单击、按下、松开、移动鼠标等动作时

ActionEvent：动作事件，当按钮、下拉框等组件被单击，TextField中按Enter时

ItemEvent：选项事件，当用户选中某项，或取消选中某项时触发

TextEvent：文本事件，当文本框、文本域里的文本发生改变时触发该事件

监听器的写法：外部类，内部类，类本身，匿名内部类

一个组件可以被多个监听器监听，一个监听器可以监听多个组件。