黑马程序员---GUI编程

GUI

---------- android培训、java培训、java学习型技术博客、期待与您交流！ ------------

1.图形用户界面基本概念

1.1 GUI与CLI的比较

1.2 AWT和Swing

Java为GUI提供的对象都存放在java.awt.*和javax.swing.*两个包中。

1.2.1 两者的比较

关于Component构件的详细关系如下图所示： 

 

Container：为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来而Container类有两个最重要的子类，分别是java.awt.Window 与java.awt.Frame，除了以往的AWT组件会继承这两个类外，现在的Swing组件同样也扩展了这两个类。

1.2.2 Swing的常用组件

2.常用布局管理器

Swing提供的常用布局管理器包括流布局管理器、边界布局管理器和网格布局管理器。

除了使用布局管理器之处也可以使用。

2.1 绝对布局管理器

绝对布局 就是 硬性规定组件在容器中的位置和大小，可以使用绝对坐标来指定组件的位置。

使用绝对布局的步骤如下：

1）使用Container.setLayout(null) 方法取消布局管理器。

2）使用Component.setBounds()方法设置每个组件的大小与位置。

如下代码：

package com.ping.JFrame;import java.awt.*;import javax.swing.*;public class AbsolutePosition extends JFrame {    public AbsolutePosition() {        setTitle("本窗体使用绝对布局"); // 设置该窗体的标题        setLayout(null); // 使该窗体取消布局管理器设置        setBounds(0, 0, 200, 150); // 绝对定位窗体的位置与大小        Container c = getContentPane(); // 创建容器对象        JButton b1 = new JButton("按钮1"); // 创建按钮        JButton b2 = new JButton("按钮2"); // 创建按钮        b1.setBounds(10, 30, 80, 30); // 设置按钮的位置与大小        b2.setBounds(60, 70, 100, 20);        c.add(b1); // 将按钮添加到容器中        c.add(b2);        setVisible(true); // 使窗体可见        // 设置窗体关闭方式        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);    }    public static void main(String[] args) {        new AbsolutePosition();    }}

效果图：

绝对布局使用了SetBounds(intx , int y , int width , int height)方法进行设置，其中x、y分别代表这个窗体在整个屏幕上出现的位置，width与height则代表了这个窗体的的宽与长，如果是组件使用这个方法的话，参数x、y代表了这个组件在整个窗体摆放的位置，而width与height则代表这个组件的大小。而setLayout(null)则是告诉编译这里不同使用布局管理器了。

2.2 常用布局管理器

如果没有为容器指定布局管理器，则该容器使用默认的布局管理器。为容器指定布局管理器可以调用容器对象的setLayout(LayoutManager mgr)方法来完成，其中参数mgr为指定的布局管理器。

        一共有五种布局管理器，

下面分别用代码看看其有什么差别：

2.2.1 流式布局管理器

定义：像“流”一样从左到右摆放组件，直到占据这一行的所有空间，然后再向下移动。

import java.awt.*;import javax.swing.*;public class FlowLayoutPosition extends JFrame {    public FlowLayoutPosition() {        setTitle("本窗体使用流布局管理器"); // 设置窗体标题        Container c = getContentPane();        // 设置窗体使用流布局管理器，使组件右对齐，并且设置组件之间的水平间隔与垂直间隔        setLayout(new FlowLayout(2, 10, 10));        for (int i = 0; i < 10; i++) { // 在容器中循环添加10个按钮            c.add(new JButton("button" + i));        }        setSize(300, 200); // 设置窗体大小        setVisible(true); // 设置窗体可见        // 设置窗体关闭方式        setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);    }    public static void main(String[] args) {        new FlowLayoutPosition();    }}

效果图：

2.2.2 边界布局管理器

定义：可将容器分为东、南、西、北、中5个区域，可以将组件加入这5个区域。用BorderLayout类中的成员变量来决定。

如下图：

具体设置如下代码

package com.ping.JFrame;import java.awt.BorderLayout;import java.awt.Container;import javax.swing.*;public class BorderLayoutPosition extends JFrame {    // 定义组件摆放位置的数组    String[] border = { BorderLayout.CENTER, BorderLayout.NORTH,            BorderLayout.SOUTH, BorderLayout.WEST, BorderLayout.EAST };    String[] buttonName = { "center button", "north button",            "south button", "west button", "east button" };    public BorderLayoutPosition() {        setTitle("这个窗体使用边界布局管理器");        Container c = getContentPane(); // 定义一个容器        setLayout(new BorderLayout()); // 设置容器为边界布局管理器        for (int i = 0; i < border.length; i++) {            // 在容器中添加按钮，并设置按钮布局            c.add(border[i], new JButton(buttonName[i]));        }        setSize(350, 200); // 设置窗体大小        setVisible(true); // 使窗体可视        // 设置窗体关闭方式        setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);    }    public static void main(String[] args) {        new BorderLayoutPosition();    }}

效果图：

2.2.3 网格布局管理器

定义：将容器划分为网络，组件从网络的左上角开始，按照从左到右的、从上到下的顺序加入网格。

网格布局管理器主要用两种方式设置其网格分布。

示例代码：

import java.awt.*;import javax.swing.*;public class GridLayoutPosition extends JFrame {    public GridLayoutPosition() {        Container c = getContentPane();        // 设置容器使用网格布局管理器，设置7行3列的网格        setLayout(new GridLayout(7, 3, 5, 5));        for (int i = 0; i < 20; i++) {            c.add(new JButton("button" + i)); // 循环添加按钮        }        setSize(300, 300);        setTitle("这是一个使用网格布局管理器的窗体");        setVisible(true);        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);    }    public static void main(String[] args) {        new GridLayoutPosition();    }}

效果图：

剩下的两种布局就不再具体赘述了。

3.常用窗体

   窗体作为Swing应用程序中组件的承载体，处于非常重要的位置。 Swing常用的窗体包括JFrame和JDialog。

3.1 JFrame窗体

   JFramep窗体是一个容器，它是Swing程序中各个组件的载体，是Swing各个组件的容器。可以通过继承java.swing.JFrame类创建一个窗体，在这些窗体中添加组件，并设置事件。因为这些窗体继承了JFrame类，所以它拥有最大化，最小化、关闭等功能。

   JFrame在程序中的实现格式如下：

   JFrame jf = new JFrame(title);

   Container container = jf.getContentPane();  

由上构建方法可知，Swing组件通常与组件和容器有关，所以在JFrame对象创建后，需要调用getContentPane()方法将窗体转换为容器，然后在容器中添加组件或设置布局管理器。若想将组件加至容器，可用Container类的add()方法进行设置。

新建一个窗体：如下代码

import java.awt.*;import javax.swing.*;     // 自定义一个类继承JFrame类public class MyJFrame extends JFrame {       // 定义一个CreateJFrame()方法    public void CreateJFrame(String title) {         // 实例化一个JFrame对象        JFrame jf = new JFrame(title);         // 获取一个容器        Container container = jf.getContentPane();         // 创建一个JLabel标签        JLabel jl = new JLabel("这是一个JFrame窗体");         // 使标签上的文字居中        jl.setHorizontalAlignment(SwingConstants.CENTER);         // 将标签添加到容器中        container.add(jl);         //设置容器的背景颜色        container.setBackground(Color.white);       // 使窗体可视        jf.setVisible(true);          // 设置窗体大小        jf.setSize(200, 150);        // 设置窗体关闭方式        jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);    }    public static void main(String args[]){        //在主方法中调用createJFrame()方法        new MyJFrame().CreateJFrame("创建一个JFrame窗体");    }}

效果图：

3.2 JDialog窗体

定义：JDialog窗体是Swing组件中的对话框，它继承了AWT组件中java.awt.Dialog类。

特点：

1）JDialog窗体的功能是从一个窗体中弹出另一个窗体，就像是在使用IE浏览器时弹出的确定对话框一样。

2）JDialog窗体实质就是另一种类型的窗体。

3）创建JDialog窗体时，也需要调用ContentPane()方法将窗体转换为容器。

构造方法：

练习：在项目中创建MyJDialog类，该类继承JDialog窗体，并在窗体中添加按钮，当用户单击按钮时，将弹出一个对话框。 

import java.awt.*;import java.awt.event.*;import javax.swing.*;class MyJDialog extends JDialog {     // 创建新类继承JDialog类    public MyJDialog(MyFrame frame) {        // 实例化一个JDialog类对象，指定对话框的父窗体、窗体标题和类型        super(frame, "第一个JDialog窗体", true);         // 创建一个容器        Container container = getContentPane();          // 在容器中添加标签        container.add(new JLabel("这是一个对话框"));        // 设置对话框窗体大小         setBounds(120, 120, 100, 100);    }}public class MyFrame extends JFrame {      // 创建新类    public static void main(String args[]) {      // 实例化MyJDialog类对象        new MyFrame();    }    public MyFrame() {          // 创建一个容器        Container container = getContentPane();         container.setLayout(null);       // 在窗体中设置标签        JLabel jl = new JLabel("这是一个JFrame窗体");         // 将标签的文字置于标签中间位置        jl.setHorizontalAlignment(SwingConstants.CENTER);        container.add(jl);        // 定义一个按钮        JButton bl = new JButton("弹出对话框");         bl.setBounds(10, 10, 100, 21);         // 为按钮添加鼠标单击事件        bl.addActionListener(new ActionListener() {                     public void actionPerformed(ActionEvent e) {                        // 使MyJDialog窗体可见                        new MyJDialog(MyFrame.this).setVisible(true);                    }                });        // 将按钮添加到容器中        container.add(bl);         container.add(bl);        container.setBackground(Color.white);        setSize(200, 200);        setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);        setVisible(true);    }}

效果图：

4.事件处理

4.1事件监听机制

事件监听机制的组成由：

1）事件 ---用户对组件的一个操作

2）事件源 ---发生事件的组件

3）监听器 ---需要处理的某个事件，在发生事件的组件上添加监听器

4）事件处理器---监听器中的方法，监听器被添加在组件上之后，组件上发生了对应时间就会执行指定的方法

4.2 事件监听流程

4.2.1 事件监听器流程图

4.2.2 事件监听机制实现的步骤

（1）确定事件源（容器或组件）；

（2）通过事件源对戏那个的addXXXListener()方法将侦听器注册到该事件源上；

（3）该方法中接收XXXListener的子类对象，或者XXXListener的子类XXXAdapter的子类对象；

（4）一般使用匿名内部类来表示；

（5）在覆盖方法的时候，方法的参数一般是XXXEvent类型的变量接收；

（6）事件触发后会把事件打包成对象传递给该变量（其中包括事件源对象。通过getSource()或者，getComponent()获取。）

4.3 常用的事件监听器

上图中重要事件的说明如下表所示：

4.4 动作事件监听器

动作事件（ActionEvent）监听器是Swing中比较常见的事件监听器，常用于点击按钮等操作。

 下面将使用按钮事件来说明动作事件监听器，当用户点击按钮时，将触发事件

import java.awt.*;import java.awt.event.*;import javax.swing.*;public class SimpleEvent extends JFrame{    private JButton jb=new JButton("我是按钮，单击我");    public SimpleEvent(){        setLayout(null);        setSize(200,100);        setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);        Container cp=getContentPane();        cp.add(jb);        jb.setBounds(10, 10,100,30);        jb.addActionListener(new jbAction());        setVisible(true);    }    class jbAction implements ActionListener{        public void actionPerformed(ActionEvent arg0) {            jb.setText("我被单击了");        }    }    public static void main(String[] args) {        new SimpleEvent();    }}

效果图：

 

 ----------- android培训、java培训、java学习型技术博客期待与您交流！ ------------