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

2023-03-07 10:04:37

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

码农公寓

相关文章