Java Swing界面设计UI（全）

我不是女神ヾ 2023-10-01 15:54 1阅读 0赞

原文链接: [http://blog.csdn.net/xietansheng/article/details/72814531][http_blog.csdn.net_xietansheng_article_details_72814531]

Java [Swing][] GUI 图形界面窗口开发基础教程，本教程将系统性地详细介绍 Java Swing 开发中常用的一些组件、布局管理器等相关知识技术，并且每章节都将通过代码实例展示实际应用。

教程总目录: [Java Swing 图形界面开发（目录）][Java Swing]

## 1. Swing简介 ##

Swing 是 Java 为图形界面应用开发提供的一组工具包，是 Java 基础类的一部分。

Swing 包含了构建图形界面（GUI）的各种组件，如: 窗口、标签、按钮、文本框等。

Swing 提供了许多比 AWT 更好的屏幕显示元素，使用纯 Java 实现，能够更好的兼容跨平台运行。

为了和 AWT 组件区分，Swing 组件在`javax.swing.*`包下，类名均以 J 开头，例如: JFrame、JLabel、JButton等。

## 2. Swing组件 ##

一个 Java 的图形界面，由各种不同类型的“元素”组成，例如: 窗口、菜单栏、对话框、标签、按钮、文本框等等，这些“元素”统一被称为 **组件**（`Component`）。

组件按照不同的功能，可分为 **顶层容器**、**中间容器**、**基本组件**。一个简单窗口的组成，如下层级结构所示:

*  顶层容器
    
     *  菜单栏
     *  中间容器
        
         *  基本组件
         *  基本组件

组件类型的继承关系:

*  顶层容器 属于窗口类组件，继承自`java.awt.Window`；
 *  中间容器 和 基本组件 继承自`javax.swing.JComponent`。

### 2.1 顶层容器 ###

顶层容器属于窗口类组件，可以独立显示，一个图形界面至少需要一个窗口，例如:

### 2.2 中间容器 ###

中间容器充当基本组件的载体，不可独立显示。中间容器可以添加若干基本组件（也可以嵌套添加中间容器），对容器内的组件进行管理，类似于给各种复杂的组件进行分组管理。最顶层的一个中间容器必须依托在顶层容器（窗口）内。

常用的中间容器（面板）:

特殊的中间容器:

### 2.3 基本组件 ###

基本组件是直接实现人机交互的组件。

常用的简单的基本组件:

<table> 
 <thead> 
  <tr> 
   <th align="center">#</th> 
   <th align="left">组件</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">1</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74362076" rel="nofollow">JLabel</a></td> 
   <td align="left">标签</td> 
  </tr> 
  <tr> 
   <td align="center">2</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363221" rel="nofollow">JButton</a></td> 
   <td align="left">按钮</td> 
  </tr> 
  <tr> 
   <td align="center">3</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363379" rel="nofollow">JRadioButton</a></td> 
   <td align="left">单选按钮</td> 
  </tr> 
  <tr> 
   <td align="center">4</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363460" rel="nofollow">JCheckBox</a></td> 
   <td align="left">复选框</td> 
  </tr> 
  <tr> 
   <td align="center">5</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363501" rel="nofollow">JToggleButton</a></td> 
   <td align="left">开关按钮</td> 
  </tr> 
  <tr> 
   <td align="center">6</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363582" rel="nofollow">JTextField</a></td> 
   <td align="left">文本框</td> 
  </tr> 
  <tr> 
   <td align="center">7</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363621" rel="nofollow">JPasswordField</a></td> 
   <td align="left">密码框</td> 
  </tr> 
  <tr> 
   <td align="center">8</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363663" rel="nofollow">JTextArea</a></td> 
   <td align="left">文本区域</td> 
  </tr> 
  <tr> 
   <td align="center">9</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363699" rel="nofollow">JComboBox</a></td> 
   <td align="left">下拉列表框</td> 
  </tr> 
  <tr> 
   <td align="center">10</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363719" rel="nofollow">JList</a></td> 
   <td align="left">列表</td> 
  </tr> 
  <tr> 
   <td align="center">11</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363751" rel="nofollow">JProgressBar</a></td> 
   <td align="left">进度条</td> 
  </tr> 
  <tr> 
   <td align="center">12</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/74363768" rel="nofollow">JSlider</a></td> 
   <td align="left">滑块</td> 
  </tr> 
 </tbody> 
</table>

选取器组件:

其他较为复杂的基本组件:

## 3. 布局管理器 ##

把 `Swing` 的各种组件(`JComponent`)添加到面板容器中(`JPanel`)，需要给面板容器指定布局管理器(`LayoutManager`)，明确容器(`Container`)内的各个组件之间的排列布局方式。

常用的布局管理器:

<table> 
 <thead> 
  <tr> 
   <th align="center">#</th> 
   <th align="left">布局管理器</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">1</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72814541" rel="nofollow">FlowLayout</a></td> 
   <td align="left"><em>流式布局</em>，按组件加入的顺序，按水平方向排列，排满一行换下一行继续排列。</td> 
  </tr> 
  <tr> 
   <td align="center">2</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72814548" rel="nofollow">GridLayout</a></td> 
   <td align="left"><em>网格布局</em>，把<code>Container</code>按指定行列数分隔出若干网格，每一个网格按顺序放置一个控件。</td> 
  </tr> 
  <tr> 
   <td align="center">3</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72814552" rel="nofollow">GridBagLayout</a></td> 
   <td align="left"><em>网格袋布局</em>，按网格划分<code>Container</code>，每个组件可占用一个或多个网格，可将组件垂直、水平或沿它们的基线对齐。</td> 
  </tr> 
  <tr> 
   <td align="center">4</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72814557" rel="nofollow">BoxLayout</a></td> 
   <td align="left"><em>箱式布局</em>，将<code>Container</code>中的多个组件按 水平 或 垂直 的方式排列。</td> 
  </tr> 
  <tr> 
   <td align="center">5</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72862660" rel="nofollow">GroupLayout</a></td> 
   <td align="left"><em>分组布局</em>，将组件按层次分组（串行 或 并行），分别确定 组件组 在 水平 和 垂直 方向上的位置。</td> 
  </tr> 
  <tr> 
   <td align="center">6</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72862688" rel="nofollow">CardLayout</a></td> 
   <td align="left"><em>卡片布局</em>，将<code>Container</code>中的每个组件看作一张卡片，一次只能显示一张卡片，默认显示第一张卡片。</td> 
  </tr> 
  <tr> 
   <td align="center">7</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72862707" rel="nofollow">BorderLayout</a></td> 
   <td align="left"><em>边界布局</em>，把<code>Container</code>按方位分为 5 个区域（东、西、南、北、中），每个区域放置一个组件。</td> 
  </tr> 
  <tr> 
   <td align="center">8</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72862722" rel="nofollow">SpringLayout</a></td> 
   <td align="left"><em>弹性布局</em>，通过定义组件四条边的坐标位置来实现布局。</td> 
  </tr> 
  <tr> 
   <td align="center">9</td> 
   <td align="left"><a href="http://blog.csdn.net/xietansheng/article/details/72862726" rel="nofollow">null</a></td> 
   <td align="left"><em>绝对布局</em>，通过设置组件在<code>Container</code>中的<strong>坐标位置</strong>来放置组件。</td> 
  </tr> 
 </tbody> 
</table>

## 4. 代码实例: 一个简单的窗口程序 ##

package com.xiets.swing;
    
    import javax.swing.*;
    
    public class Main {
        
    
        public static void main(String[] args) {
        
            // 1. 创建一个顶层容器（窗口）
            JFrame jf = new JFrame("测试窗口");          // 创建窗口
            jf.setSize(250, 250);                       // 设置窗口大小
            jf.setLocationRelativeTo(null);             // 把窗口位置设置到屏幕中心
            jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); // 当点击窗口的关闭按钮时退出程序（没有这一句，程序不会退出）
    
            // 2. 创建中间容器（面板容器）
            JPanel panel = new JPanel();                // 创建面板容器，使用默认的布局管理器
    
            // 3. 创建一个基本组件（按钮），并添加到 面板容器 中
            JButton btn = new JButton("测试按钮");
            panel.add(btn);
    
            // 4. 把 面板容器 作为窗口的内容面板 设置到 窗口
            jf.setContentPane(panel);
    
            // 5. 显示窗口，前面创建的信息都在内存中，通过 jf.setVisible(true) 把内存中的窗口显示在屏幕上。
            jf.setVisible(true);
        }
    
    }

![在这里插入图片描述][8788faaf88354593b885662a6e757c78.png]

[http_blog.csdn.net_xietansheng_article_details_72814531]: http://blog.csdn.net/xietansheng/article/details/72814531
[Swing]: https://so.csdn.net/so/search?q=Swing&spm=1001.2101.3001.7020
[Java Swing]: http://blog.csdn.net/xietansheng/article/details/72814492
[8788faaf88354593b885662a6e757c78.png]: https://img-blog.csdnimg.cn/8788faaf88354593b885662a6e757c78.png