java 图形用户界面_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 = newGridBagConstraints()

gbc.gridx= 0;

gbc.gridy= 0;

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

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

GridBagConstraints gbs = newGridBagConstraints()

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