JAVA Swing 与 GUI Form

迷南。 2023-10-08 17:12 25阅读 0赞

#### 文章目录 ####

*  写在前面
 *   *  1、idea快速创建GUI Form
     *  2、认识组件
     *  3、了解各个组件的属性
     *  4、事件处理
     *   *  4.1、事件监听器
     *  5、布局管理器
     *  6、生成main方法

## 写在前面 ##

java常用于后端开发，用于UI的Swing API较少有人用，但是在做一些窗口程序还是不得不用到，比如做idea插件的时候。

### 1、idea快速创建GUI Form ###

idea中可以快速构建swing UI

![图1][1]  
如下，新建GUI Form后，会产生两个文件：一个java文件，一个xml文件。  
两个文件是关联的，java文件可以向程序提供xml文件的内容，xml文件中记录了所有UI组件的信息。  
右边可以通过拖动的形式进行页面设计。

![图2][2]

### 2、认识组件 ###

注意，部分组件需要JDK7以上

<table> 
 <thead> 
  <tr> 
   <th>组件</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>JFrame</td> 
   <td>一个界面只有一个JFrame窗体组件，但可以有多个JPanel。idea插件页面不考虑JFrame。</td> 
  </tr> 
  <tr> 
   <td>JPanel</td> 
   <td>面板组件，如上图中右边所有组件都可以放到面板中。</td> 
  </tr> 
  <tr> 
   <td>Hspacer、Vspacer</td> 
   <td>控制组件间的水平间距、垂直间距</td> 
  </tr> 
  <tr> 
   <td>JscrollPane</td> 
   <td>滚动面板，可与JTextPane等组成可滚动的区域</td> 
  </tr> 
  <tr> 
   <td>JScrollBar</td> 
   <td>单向滚动条</td> 
  </tr> 
  <tr> 
   <td>JButton、JRadioButton、JCheckBox</td> 
   <td>按钮、单选按钮、多选按钮</td> 
  </tr> 
  <tr> 
   <td>JLabel</td> 
   <td>标签，显示固定文字</td> 
  </tr> 
  <tr> 
   <td>JTextField、JPasswordField、JFormattedTextField</td> 
   <td>单行文本编辑框</td> 
  </tr> 
  <tr> 
   <td>JTextArea</td> 
   <td>文本框</td> 
  </tr> 
  <tr> 
   <td>JTextPane、JEditePane</td> 
   <td>可以编辑和显示html，rtf和普通文本的富文本组件</td> 
  </tr> 
  <tr> 
   <td>JComboBox</td> 
   <td>可编辑下拉组件</td> 
  </tr> 
  <tr> 
   <td>JTable</td> 
   <td>表格</td> 
  </tr> 
  <tr> 
   <td>JList</td> 
   <td>列表</td> 
  </tr> 
  <tr> 
   <td>JTree</td> 
   <td>树结构，适合多级显示</td> 
  </tr> 
  <tr> 
   <td>JTabbedPane</td> 
   <td>选项卡面板</td> 
  </tr> 
  <tr> 
   <td>JSplitPane</td> 
   <td>分隔面板，用于两两分隔，多个分隔用它嵌套实现</td> 
  </tr> 
  <tr> 
   <td>JSpinner</td> 
   <td>单行输入框+上下选择器</td> 
  </tr> 
  <tr> 
   <td>JSlider</td> 
   <td>移动滑块，用来选值</td> 
  </tr> 
  <tr> 
   <td>JSeparator</td> 
   <td>分割线</td> 
  </tr> 
  <tr> 
   <td>JProgressBar</td> 
   <td>进度条</td> 
  </tr> 
  <tr> 
   <td>JToolBar</td> 
   <td>可以在程序的主窗口之外浮动或是托拽,里面可以添加各种组件</td> 
  </tr> 
  <tr> 
   <td>JTabbedPane</td> 
   <td>选项卡面板</td> 
  </tr> 
 </tbody> 
</table>

![在这里插入图片描述][3875c496f1f34440ba68f1a1498c61db.png]

JSpinner 单行输入框+上下选择器

![在这里插入图片描述][52f53396402f4d6ea0db138b5ae669b3.png]

JSlider 移动滑块

![在这里插入图片描述][7d23cb1b503744d9bc43e26cfa24c2e1.png]

### 3、了解各个组件的属性 ###

一些通用属性，当然这些属性也可以通过java代码去控制

![在这里插入图片描述][88f0b7f14a2e4101b392026e2761d0ff.png]  
宽度与高度

![在这里插入图片描述][5f661eecf0e841d6bf4ebbb8ef8f3578.png]

### 4、事件处理 ###

#### 4.1、事件监听器 ####

EventListner 它是一个标记接口，每一个监听器接口必须扩展它。  
如下示例是监听JTextArea是键盘事件  
![在这里插入图片描述][0d37cf9f8b114821b0fb5c3fe3ef320e.png]  
事件监听器接口

<table> 
 <thead> 
  <tr> 
   <th>监听器接口</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>ActionListener</td> 
   <td>接收动作事件</td> 
  </tr> 
  <tr> 
   <td>ComponentListener</td> 
   <td>接收组件事件</td> 
  </tr> 
  <tr> 
   <td>ItemListener</td> 
   <td>接收项目事件</td> 
  </tr> 
  <tr> 
   <td>KeyListener</td> 
   <td>接收按键事件</td> 
  </tr> 
  <tr> 
   <td>MouseListener</td> 
   <td>接收鼠标事件</td> 
  </tr> 
  <tr> 
   <td>WindowListener</td> 
   <td>接收窗口事件</td> 
  </tr> 
  <tr> 
   <td>AdjustmentListener</td> 
   <td>接收调整事件</td> 
  </tr> 
  <tr> 
   <td>ContainerListener</td> 
   <td>接收容器事件</td> 
  </tr> 
  <tr> 
   <td>接收容器事件</td> 
   <td>鼠标移动事件</td> 
  </tr> 
  <tr> 
   <td>FocusListener</td> 
   <td>接收焦点事件</td> 
  </tr> 
 </tbody> 
</table>

### 5、布局管理器 ###

<table> 
 <thead> 
  <tr> 
   <th>管理器</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>BorderLayout</td> 
   <td>安排组件适应于五个地区：东、西、北、南和中心。</td> 
  </tr> 
  <tr> 
   <td>CardLayout</td> 
   <td>对象把容器中的每一个组件看成一个卡片。一次只有一个卡片是可见的。</td> 
  </tr> 
  <tr> 
   <td>FlowLayout</td> 
   <td>是默认的布局。它用定向流动来布局组件。</td> 
  </tr> 
  <tr> 
   <td>GridLayout</td> 
   <td>用一个矩形网格形式来管理组件。</td> 
  </tr> 
  <tr> 
   <td>GridBagLayout</td> 
   <td>这是最灵活的布局管理器类。在不需要相同大小的组件的情况下，GridBagLayout 对象垂直、水平或沿着它们的基线来排列组件。</td> 
  </tr> 
  <tr> 
   <td>GroupLayout</td> 
   <td>分层次地归类组件，为了在一个容器中放置它们。</td> 
  </tr> 
  <tr> 
   <td>SpringLayout</td> 
   <td>根据一组约束安置与它相关的容器的孩子。</td> 
  </tr> 
  <tr> 
   <td>GridLayoutManager</td> 
   <td>idea布局管理器，仅idea SDK中有</td> 
  </tr> 
 </tbody> 
</table>

### 6、生成main方法 ###

> 如果是idea插件项目，不用生成main方法。

![在这里插入图片描述][a535dbd692ff47fc9b4c814bb2c64ae5.png]  
然后运行该方法，可以编译出GUI对的java代码

[1]: https://img-blog.csdnimg.cn/25ae4bcb9bf54c949f8585cd010cb40c.png
[2]: https://img-blog.csdnimg.cn/dcc02f5db6ee44aeb85937b23b6dc521.png
[3875c496f1f34440ba68f1a1498c61db.png]: https://img-blog.csdnimg.cn/3875c496f1f34440ba68f1a1498c61db.png
[52f53396402f4d6ea0db138b5ae669b3.png]: https://img-blog.csdnimg.cn/52f53396402f4d6ea0db138b5ae669b3.png
[7d23cb1b503744d9bc43e26cfa24c2e1.png]: https://img-blog.csdnimg.cn/7d23cb1b503744d9bc43e26cfa24c2e1.png
[88f0b7f14a2e4101b392026e2761d0ff.png]: https://img-blog.csdnimg.cn/88f0b7f14a2e4101b392026e2761d0ff.png
[5f661eecf0e841d6bf4ebbb8ef8f3578.png]: https://img-blog.csdnimg.cn/5f661eecf0e841d6bf4ebbb8ef8f3578.png
[0d37cf9f8b114821b0fb5c3fe3ef320e.png]: https://img-blog.csdnimg.cn/0d37cf9f8b114821b0fb5c3fe3ef320e.png
[a535dbd692ff47fc9b4c814bb2c64ae5.png]: https://img-blog.csdnimg.cn/a535dbd692ff47fc9b4c814bb2c64ae5.png