P01 Swing综述

布满荆棘的人生 2024-04-06 09:44 72阅读 0赞

#### P01 Swing综述 ####

*  1.Swing 简介
 *  2.Swing 和 AWT
 *  3.布局管理器
 *  4.Swing 组件
 *   *  4.1 顶层容器
     *  4.2 中间容器
     *  4.3 基本组件

> 系统：Win10  
> Java：1.8.0\_333  
> IDEA：2020.3.4  
> Gitee：[https://gitee.com/lijinjiang01/JavaSwing][https_gitee.com_lijinjiang01_JavaSwing]

## 1.Swing 简介 ##

Swing 是一个用于 Java GUI 编程（图形界面设计）的工具包（类库）；换句话说，Java 可以用来开发带界面的 PC 软件，使用到的工具就是 Swing  
Swing 使用纯粹的 Java 代码来模拟各种控件（使用 Java 自带的作图函数绘制出各种控件），没有使用本地操作系统的内在方法，所以 Swing 是跨平台的。也正是因为 Swing 的这种特性，人们通常把 Swing 控件称为轻量级控件

## 2.Swing 和 AWT ##

AWT（Abstract Window Toolkit，抽象窗口工具）是一套早期的 Java GUI 开发工具，Swing 也是在 AWT 的基础上发展起来的  
![在这里插入图片描述][b4d5ea40e601461882588321827a2d2b.png]

AWT 的初衷是用来开发小型的图形界面程序，提供的功能较少，诸如剪切板、打印支持、键盘导航、弹出式菜单、滚动窗格等很多重要的功能在 AWT 中都不具备；此外，AWT 发生错误的几率也很高  
Java 官方看到了 AWT 的不足，就开始着手开发新的 GUI 类库，以继续占领 Java GUI 开发的市场，这就是后来的 Swing  
首先 Swing 弥补了 AWT 的不足，并对 AWT 进行了扩充，几乎支持了所有的常用控件和功能；其次 Swing 包含了构建图形界面（GUI）的各种组件，如: 窗口、标签、按钮、文本框等，而且 Swing 提供了许多比 AWT 更好的屏幕显示元素，使用纯 Java 实现，能够更好的兼容跨平台运行  
为了和 AWT 组件区分，Swing 组件在 javax.swing.\* 包下，类名均以 J 开头，例如: JFrame、JLabel、JButton 等

## 3.布局管理器 ##

为了使生成的图形用户界面具有良好的平台无关性，Java 语言提供了布局管理器这个工具来管理组件在容器中的布局，而不使用直接设置组件位置和大小的方式  
常用的布局管理器:

<table> 
 <thead> 
  <tr> 
   <th>#</th> 
   <th align="left">布局管理器</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812181" rel="nofollow">FlowLayout</a></td> 
   <td align="left">流式布局，按组件加入的顺序，按水平方向排列，排满一行换下一行继续排列。</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812188" rel="nofollow">BorderLayout</a></td> 
   <td align="left">边界布局，把Container按方位分为 5 个区域（东、西、南、北、中），每个区域放置一个组件。</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812193" rel="nofollow">GridLayout</a></td> 
   <td align="left">网格布局，把Container按指定行列数分隔出若干网格，每一个网格按顺序放置一个控件。</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812199" rel="nofollow">GridBagLayout</a></td> 
   <td align="left">网格袋布局，按网格划分Container，每个组件可占用一个或多个网格，可将组件垂直、水平或沿它们的基线对齐。</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812215" rel="nofollow">CardLayout</a></td> 
   <td align="left">卡片布局，将Container中的每个组件看作一张卡片，一次只能显示一张卡片，默认显示第一张卡片。</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812222" rel="nofollow">BoxLayout</a></td> 
   <td align="left">箱式布局，将Container中的多个组件按 水平 或 垂直 的方式排列。</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126812230" rel="nofollow">null</a></td> 
   <td align="left">绝对定位，通过设置组件在Container中的坐标位置来放置组件。</td> 
  </tr> 
 </tbody> 
</table>

## 4.Swing 组件 ##

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

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

*  顶层容器
    
     *  菜单栏
     *  中间容器
        
         *  基本组件
         *  基本组件  
            ![在这里插入图片描述][197e5f260ca548c49e82cfb413c7f005.png]

组件类型的继承关系：  
顶层容器 属于窗口类组件，直接继承了AWT 组件，而不是从 JComponent 派生的  
中间容器 和 基本组件 继承自 javax.swing.JComponent  
![在这里插入图片描述][6a928df88dc84ae8ac683d7826f4263e.png]

### 4.1 顶层容器 ###

顶层容器属于窗口类组件，可以独立显示，一个图形界面至少需要一个窗口，它们分别如下：

### 4.2 中间容器 ###

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

<table> 
 <thead> 
  <tr> 
   <th>#</th> 
   <th align="left">组件</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/119619131" rel="nofollow">JPanel</a></td> 
   <td align="left">一般轻量级面板容器组件</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126833715" rel="nofollow">JScrollPane</a></td> 
   <td align="left">带滚动条的，可以水平和垂直滚动的面板组件</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126834058" rel="nofollow">JSplitPane</a></td> 
   <td align="left">分隔面板</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126835912" rel="nofollow">JTabbedPane</a></td> 
   <td align="left">选项卡面板</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126836344" rel="nofollow">JLayeredPane</a></td> 
   <td align="left">层级面板</td> 
  </tr> 
 </tbody> 
</table>

特殊的中间容器：

### 4.3 基本组件 ###

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

<table> 
 <thead> 
  <tr> 
   <th>#</th> 
   <th align="left">组件</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897645" rel="nofollow">JLabel</a></td> 
   <td align="left">标签</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897676" rel="nofollow">JButton</a></td> 
   <td align="left">按钮</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897715" rel="nofollow">JRadioButton</a></td> 
   <td align="left">单选按钮</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897738" rel="nofollow">JCheckBox</a></td> 
   <td align="left">复选框</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897757" rel="nofollow">JToggleButton</a></td> 
   <td align="left">开关按钮</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897786" rel="nofollow">JTextField</a></td> 
   <td align="left">文本框</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897823" rel="nofollow">JPasswordField</a></td> 
   <td align="left">密码框</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897844" rel="nofollow">JTextArea</a></td> 
   <td align="left">文本区域</td> 
  </tr> 
 </tbody> 
</table>

较为复杂的基本组件：

<table> 
 <thead> 
  <tr> 
   <th>#</th> 
   <th align="left">组件</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126897885" rel="nofollow">JComboBox</a></td> 
   <td align="left">下拉列表框</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126900452" rel="nofollow">JList</a></td> 
   <td align="left">列表</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126900456" rel="nofollow">JProgressBar</a></td> 
   <td align="left">进度条</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126900460" rel="nofollow">JSlider</a></td> 
   <td align="left">滑块</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126900462" rel="nofollow">JTable</a></td> 
   <td align="left">表格</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td align="left"><a href="https://blog.csdn.net/qq_35132089/article/details/126900475" rel="nofollow">JTree</a></td> 
   <td align="left">树</td> 
  </tr> 
 </tbody> 
</table>

选取器组件：

[https_gitee.com_lijinjiang01_JavaSwing]: https://gitee.com/lijinjiang01/JavaSwing
[b4d5ea40e601461882588321827a2d2b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/cc38fd4cc57a47f58559d5d4536226db.png
[197e5f260ca548c49e82cfb413c7f005.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d200a62579aa487e82b7738b3d69ad11.png
[6a928df88dc84ae8ac683d7826f4263e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/45154b868f924695bca39d30138fd405.png