GUI-图形化的用户界面

一、概述 

所谓GUI，即图形化的用户界面/接口（Graphical User Interface），实现了采用图形方式显示的计算机操作用户界面。比如下面的QQ登录界面：

为了不被落下，Java依旧稳定发挥，它也提供了一套可以轻松构建GUI的工具，将GUI界面封装为类，其中若干类放在了java.awt包和javax.swing包内：

还去查了下swing是啥的缩写啥意思，来源...查到一个比较可信比较满意的结果，没啥意思..:

Swing和AWT之间的最明显的区别是界面组件的外观：一个基于Swing的应用程序可能在任何平台上都一样；而AWT依赖于本地操作系统在不同平台上运行相同的程序，界面的外观和风格可能会有一些差异

二、编程步骤

1、创建容器

Java容器(Container)实际上是Component的子类，因此容器类对象本身也是一个组件，具有组件的所有性质，另外还具有容纳其他组件和容器的功能

分类

顶层容器：

• JFrame(框架窗口)
• JDialog(对话框)
• JApplet(嵌入在网页中的Java小程序)

中间容器：

• JPanel：最常用灵活
• JScrollPane：可在大的组件或可扩展组件周围提供滚动条
• JTabbedPane：包含多个组件，但一次只显示一个组件，用户可在组件之间方便的切换
• JToolBar：换行或排列一组组件（通常是按钮）

下面我们都以顶层容器为JFrame(框架窗口)为例来讲解GUI的应用

框架窗口JFrame

Swing组件的顶层容器，继承了AWT的Frame类，支持Swing体系结构的高级GUI属性

常用构造方法：JFrame()、JFrame(String title)

常用方法：

创建一个简单的空窗口：

 在早期的java版本中，对JFrame添加组件有两种方式：

•  用getContentPane()方法获得JFrame的内容面板rootpanel，再对其加入组件：

  f.getContentPane().add(childComponent)

• 建立一个中间容器p，把该容器置为JFrame的内容面板，再对其加入组件：

  JPanel p=new JPanel();//创建中间面板
  .....//把其它组件添加到中间容器中
  f.setContentPane(p);//把中间容器p对象设置成为frame的内容面板

这时候还是不可以直接往JFrame内直接添加组件的，否则会抛出异常，因为JFrame 不是一个容器，它只是一个框架！

ContentPane是一个Swing容器类，它是Frame、JDialog和JApplet的默认容器，用于承载和管理其他GUI组件，以构建窗口界面。在创建JFrame就会自动创建了ContentPane，getContentPane()获取其默认对象对象。

但是大人现在时代不同了！已经简化为可以直接向JFrame添加组件了，实际上还是向内容面板进行了添加,只是代码上简洁了

frame.add(child);

可以通过阅读java源代码得知：

但是我们在对JFrame设置背景颜色后界面仍是白色的，原因很简单，创建JFrame时自动生成的rootpanel覆盖在JFrame之上，即便对JFrame设置背景色，白色的rootpanel覆盖上去又是白的了，l所以要么对rootpanel设置背景色，要么添加个you'yan

中间容器JPane

常用构造方法：JPanel()，JPanel(LayoutManager layout)

常用方法：

JFrame与JPanel的区别

• JFrame可以独立存在、可被移动、可被最大化和最小化；有标题栏、边框，可添加菜单栏；默认布局BorderLayout(边界布局)
• JPanel不能独立运行，必须包含在另一个容器中；没有标题、边框，不可添加菜单栏；默认布局FlowLayout(流式布局)

2、添加组件

添加组件用于和用户交互 （Java图形用户界面的最基本组成部分）

基本组件

另外还有JCeckBox复选框、JToggleButton开关按钮、JPassword密码框、JComboBox下拉列表框、JList列表、JProgressBar进度条、JSilder滑块，菜单组件（菜单栏JMenuBar、下拉菜单JMenu、菜单项JMenuIte）

3、安排组件

为了更好的实现跨平台，可以通过相对量衡量、布局管理器Layout Manager、相关属性进行设置

绝对定位

在Java中可以通过绝对定位的方式进行布局，运用绝对定位时需要注意以下几点：

JFrame的布局方式要设置为null  例如：

jframe.setLayout(null)

需要设置x坐标、y坐标，width组件宽度，height组件高度 例如

组件.setBounds(x,y,w,h) 

布局管理器Layout Manager

在使用Swing向容器添加组件时，需要考虑组件的位置和大小。如果不使用布局管理器，则需要先在纸上画好各个组件的位置并计算组件间的距离，再向容器中添加，这样虽然能够灵活控制组件的位置，实现却非常麻烦。

为了加快开发速度，Java提供了一些布局管理器，他们可以将组件进行统一管理，这样开发人员就不需要考虑组件是否会重叠等问题。有以下6种：

边框布局BorderLayout、流式布局FlowLayout、网格布局GirdLayout、卡片布局CardLayout、盒布局BoxLayout、空布局null(绝对定位时设置)

接下来把这几种布局管理器都演示一遍：

4、处理事件

相关概念

案例1：点击不同的按钮，面板改变响应背景颜色

• 事件：点击（用户所执行的动作）
• 事件源：按钮（动作发生的对象）
• 事件处理：变色（当用户在某组件上执行某事件，则进行相应处理）
• 监听器：时刻监听事件源上所有发生的事件类型，一旦该事件类型与自己所负责处理的事件                  类型一致，就马上进行处理

常用事件对应的监听器接口

 下面来写一下上述案例代码：

使用内部类

public class demo1 extends JFrame{
    JPanel p;
    JButton jRed,jGreen,jYellow;
    public demo1(){
        super("事件测试-改变颜色");
        p=new JPanel();
        jRed=new JButton("红色");
        jGreen=new JButton("绿色");
        jYellow=new JButton("黄色");

        //2、创建一个监听器组件
        ButtonListener buttonListener=new ButtonListener();
        //3、注册监听
        jRed.addActionListener(buttonListener);
        jGreen.addActionListener(buttonListener);
        jYellow.addActionListener(buttonListener);

        p.add(jRed);
        p.add(jGreen);
        p.add(jYellow);
        this.add(p);

        this.setBounds(400,500,700,650);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);
    }

    //1、创建扩展ActionListener的监听类
        /*该监听器类是一个内部类，外部类 可以直接对外部类中的资源进行访问*/
    class ButtonListener implements ActionListener{
        //重写事件处理方法
        @Override
        public void actionPerformed(ActionEvent e) {
            //获取事件源并判断
            Object souce=e.getSource();
            if(souce==jRed){
                p.setBackground(Color.red);
            }else if(souce==jGreen){
                p.setBackground(Color.green);
            }else{
                p.setBackground(Color.yellow);
            }
        }
    }

    public static void main(String[] args) {
        new demo1();
    }

}

直接使用匿名内部类 

public class demo2 extends JFrame{
    JPanel p;
    JButton bR,bG,by;

    public demo2(){
        super("匿名监听类实现");
        p=new JPanel();
        bR=new JButton("红");
        bG=new JButton("绿");
        by=new JButton("黄");

        //直接使用匿名监听类注册监听
        bR.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                p.setBackground(Color.red);
            }
        });
        bG.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                p.setBackground(Color.GREEN);
            }
        });
        by.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                p.setBackground(Color.yellow);
            }
        });

        p.add(bR);
        p.add(bG);
        p.add(by);
        this.add(p);
        this.setBounds(400,500,700,650);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    public static void main(String[] args) {
        new demo2();
    }
}

案例2：创建一个窗口，在窗口中加入一个按钮组件，用适配器类实现：当鼠标进入按钮，则改变按钮文字内容，记录进入次数。

上面动作监听器的实现使用内部类或匿名内部类是比较方便的，，但是看一下鼠标监听器接口，若我只是要监听鼠标进入按钮，而不用监听其他鼠标事件，还要实现鼠标监听器接口全部抽象方法是不是太过分了呢？

适配器类

为了简化代码，JDK提供了对应的适配器类，该类是对应接口的实现类

• MouseListener —> MouseAdapter
• KeyListener —> KeyAapter
• MouseMotionListener —>MouseMotionAdapter

 下面利用适配器类来写下案例2：

public class demo3 extends JFrame{
    JPanel p;
    JButton b;
    int count=0;
    
    public demo3(){
        p=new JPanel();
        b=new JButton("鼠标已进入本按钮"+count+"次");
        p.add(b);
        //b.addMouseListener(new myListener());
        b.addMouseListener(new MouseAdapter() {
            @Override
            public void mouseEntered(MouseEvent e) {
                b.setText("鼠标已进入本按钮"+(++count)+"次");
            }
        });
        this.add(p);
        this.setBounds(400,300,700,500);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setVisible(true);
    }
    /*class myListener extends MouseAdapter{
        @Override
        public void mouseEntered(MouseEvent e) {
            b.setText("鼠标已进入本按钮"+(++count)+"次");
        }
    }*/
    public static void main(String[] args) {
        new demo3();
    }
}