Java学习笔记--Java图形用户界面

AWT：抽象窗口组件工具包

　　Abstract Windows Toolkit（AWT）是最原始的 Java GUI 工具包。AWT 的主要优点是，它在 Java 技术的每个版本上都成为了一种标准配置，包括早期的 Web 浏览器中的 Java 实现；另外它也非常稳定。这意味着我们不需要单独安装这个工具包，在任何一个 Java 运行环境中都可以使用它，这一点正是我们所希望的特性。

AWT包中最基本的关系是 组件、容器、布局管理器、事件之间的关系

容器类派生出  容器框架类（Frame） 面板类（Panel）

fram默认的布局管理器是  BorderLayout

那现在开始就先讲AWT。AWT类包含在java.awt包中，主要包括用户界面组件、事件处理模型、图形和图像工具、布局管理器等。Java.awt包中的主要类及组件类的继承关系如图

（图片来自《疯狂Java讲义》--李刚）

AWT布局管理器有以下5种：

FlowLayout

BorderLayout

CardLayout

GridLayout

GridBagLayout

1.顺序布局（FlowLayout）是Panel容器的缺省布局策略，即将加入容器中的组件依次从左至右，从上至下排列，适用于组件个数较少的情况。eg

public class TestFlowLayout
{
    public static void main(String[] args)
    {
        Frame f = new Frame("测试窗口");
        //设置Frame容器使用FlowLayout布局管理器
        f.setLayout(new FlowLayout(FlowLayout.LEFT , 20, 5));
        //向窗口中添加10个按钮
        for (int i = 0; i < 10 ; i++ )
        {
            f.add(new Button("按钮" + i));
        }
        //设置窗口为最佳大小
        f.pack();
        //将窗口显示出来（Frame对象默认处于隐藏状态）
        f.setVisible(true);
    }
}

　　

2.边界布局（BorderLayout）是Frame，Dialog，ScrollPane的缺省布局。区域布局将容器分为东西南北中五个区域，加入组件时，应通过字符串East/West /South/North/Center来标记组件的方位。

public class FrameExample {
	public static void main(String args[]){
		Frame m_form = new Frame("Title");
		m_form.setLayout(new BorderLayout(10,10));//设置组件的间距分别为10
		m_form.setSize(300, 300);
		Button north = new Button("北");

		m_form.add(north,BorderLayout.NORTH);
		m_form.add(new Button("南"),BorderLayout.SOUTH);
		m_form.add(new Button("南"),BorderLayout.SOUTH);
		m_form.add(new Button("西"),BorderLayout.WEST);
		m_form.add(new Button("东"),BorderLayout.EAST);
		//m_form.add(new Button("中"));
		m_form.add(new Label("中间标签控件"),BorderLayout.CENTER);
		m_form.setVisible(true);
	}
}

3.卡片布局（CardLayout）将容器中的每一个组件当作一个卡片，一次仅有一个卡片可见，最初显示容器时，加入到容器的第一个组件可见。eg

public class CardLayoutF2
{
    Frame f = new Frame("测试窗口");
    String[] names = {"第一张" , "第二张" , "第三张" , "第四张" , "第五张"};
    Panel pl = new Panel();
    CardLayout c = new CardLayout();
    public void init()
    {
        pl.setLayout(c);
        for (int i = 0 ; i < names.length ; i++)
        {
            pl.add(names[i] , new Button(names[i]));
        }
        Panel p = new Panel();
        //控制显示上一张的按钮
        Button previous = new Button("上一张");
        previous.addActionListener(new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {
                c.previous(pl);
            }
        });
        //控制显示下一张的按钮
        Button next = new Button("下一张");
        next.addActionListener(new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {
                c.next(pl);
            }
        });
        //控制显示第一张的按钮
        Button first = new Button("第一张");
        first.addActionListener(new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {
                c.first(pl);
            }
        });
        //控制显示最后一张的按钮
        Button last = new Button("最后一张");
        last.addActionListener(new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {
                c.last(pl);
            }
        });
        //控制根据Card名显示的按钮
        Button third = new Button("第三张");
        third.addActionListener(new ActionListener()
        {
            public void actionPerformed(ActionEvent e)
            {
                c.show(pl , "第三张");
            }
        });
        p.add(previous);
        p.add(next);
        p.add(first);
        p.add(last);
        p.add(third);
        f.add(pl);
        f.add(p , BorderLayout.SOUTH);
        f.pack();
        f.setVisible(true);
    }
    public static void main(String[] args)
    {
        new CardLayoutF2().init();
    }
}

　　

4.网格布局(GridLayout)将容器划分为n*m的大小相同的小格，每格区间可摆放一个组件。向容器中增加组件时，按从左至右，从上至下的顺序依次存放.eg

GridLayout() 将组件从左到右排列在容器中，只排列一行。

GridLayout(int rows,int cols) 指定行列为rows行，cols列

GridLayout(int rows,int cols,int hgap,int vgap) 指定行列为rows行，cols列,组件间距10像素

public class GridLayoutFrame {

	public static void main(String[] args) {
		Frame frame = new Frame("网格布局管理器");
		frame.setLayout(new GridLayout(3,5,10,10));//3行5列，间距10,10

		for(int i = 0 ; i <=9 ; i ++){
			frame.add(new Button(Integer.toString(i)));
		}

		frame.setSize(300,300);
		frame.setVisible(true);

		frame.addWindowListener(new cls());
	}

}

5.网格包布局（GridBagLayout）这个功能最强大，但用起来太麻烦了。将视图分为多个单元，可以指定每个组件占用的单元。以GridLayout为基础，在容器中以网格形式管理组件。区别：

(1) GridBagLayout布局的组件可以占据多个单元格，可以在容器中占据任意大小的矩形区域，GridLayout把每个组件限制到一个单元格。

(2) GridBagLayout布局使得不同的行列比例不必相等，组件可以保留原来的大小。

(3) GridBagLayout布局使得单元格中的组件可以不同方式排列

要使用GridBagLayout和GridBagConstraints类。

GridBagLayout是类的布局管理器，GridBagConstraints是其辅助类，用来定义添加到容器中组件的各种属性，如大小、位置、边框。

GridBagConstraints类如下public成员变量用来控制和操纵组件在容器中的排列

(1) int anchor ：该变量设置布局管理器组件在表格空间中的位置

(2) int fill ： 如果显示区域比组件区域大，该变量可以用来控制组件的行为。控制组件是垂直填充，还是水平填充，或者两个方向都填充。

(3) int gridx ： 表示组件的横向坐标，以网格的行数为单位。

(4) int gridy ： 表示组件的纵向坐标，以网格的列数为单位。

例子：

GridBagConstraints gbs = new GridBagConstraints()
gbc.gridx = 0;
gbc.gridy = 0;

(5) gridWidth ：表示组件的横向宽度，即指组件占用的列数，类似于HTML的colspan标记

(6) gridheight : 表示组件的纵向长度. 下面语句设置组件占用宽度为1列，高度为2行的单元格

GridBagConstraints gbs = new GridBagConstraints()
gbc.gridwidth = 1;
gbc.gridheight = 2;

(7) Insets Insets ：该变量指组件与表格空间四周边缘的空白区域大小。

(8) int ipadx ：该变量表示组件间的横向间距，组件的宽度就是这个组件的最小宽度加上ipadx值.

(9) int ipady ：该变量表示组件间的纵向间距，组件的高度就是这个组件的最小高度加上ipady值.

(10) double weightx : 该变量为行的权重，指示布局管理器如何分配额外的水平空间。

(11) double weighty : 该变量为列的权重，指示布局管理器如何分配额外的垂直空间。

创建GridBagLayout布局容器的一般步骤

(1)创建网格袋布局管理器

　　Frame frame = new Frame("网格袋布局");

　　frame.setLayout(new GridBagLayout());

(2)创建GridBagConstraints

　　GridBagConstraints gbc = new GridBagConstraints ();

(3)创建组件并设置GridBagConstraints

　　Button a = new Button("a");

　　gbc.gridx = 0 ;

　　gbc.gridy = 0 ;

　　gbc.gridwidth = 1 ;

　　gbc.gridheight = 1 ;　　

(4)添加组件

　　frame.add(a,gbc);

(5)显示窗体

　　frame.setSize(200,200);

　　frame.setVisible(true);

public class TestGridBag
{
    private Frame f = new Frame("测试窗口");
    private GridBagLayout gb = new GridBagLayout();
    private GridBagConstraints gbc = new GridBagConstraints();
    private Button[] bs = new Button[10];
    public void init(){
        f.setLayout(gb);
        for (int i = 0; i < bs.length ; i++ ){
            bs[i] = new Button("按钮" + i);
        }
        //所有组件都可以横向、纵向上扩大
        gbc.fill = GridBagConstraints.BOTH;
        gbc.weightx = 1;
        addButton(bs[0]);
        addButton(bs[1]);
        addButton(bs[2]);
        //该GridBagConstraints控制的GUI组件将会成为横向最后一个元素
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        addButton(bs[3]);
        //该GridBagConstraints控制的GUI组件将横向上不会扩大
        gbc.weightx = 0;
        addButton(bs[4]);
        //该GridBagConstraints控制的GUI组件将横跨2个网格
        gbc.gridwidth = 2;
        addButton(bs[5]);
        //该GridBagConstraints控制的GUI组件将横跨1个网格
        gbc.gridwidth = 1;
        //该GridBagConstraints控制的GUI组件将纵向跨2个网格
        gbc.gridheight = 2;
        //该GridBagConstraints控制的GUI组件将会成为横向最后一个元素
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        addButton(bs[6]);
        //该GridBagConstraints控制的GUI组件将横向跨越一个网格，纵向跨越2个网格。
        gbc.gridwidth = 1;
        gbc.gridheight = 2;
        //该GridBagConstraints控制的GUI组件纵向扩大的权重是1
        gbc.weighty = 1;
        addButton(bs[7]);
        //设置下面的按钮在纵向上不会扩大
        gbc.weighty = 0;
        //该GridBagConstraints控制的GUI组件将会成为横向最后一个元素
        gbc.gridwidth = GridBagConstraints.REMAINDER;
        //该GridBagConstraints控制的GUI组件将纵向上横跨1个网格
        gbc.gridheight = 1;
        addButton(bs[8]);
        addButton(bs[9]);
        f.pack();
        f.setVisible(true);
    }
    private void addButton(Button button)  {
        gb.setConstraints(button, gbc);
        f.add(button);
    }
    public static void main(String[] args) {
        new TestGridBag().init();
    }
}

　　

参考：

http://blog.163.com/fengg_5241/blog/static/113243266200961792339279/

http://blog.csdn.net/terryzero/article/details/3742467

http://www.iteye.com/problems/29841