使用GUI Form快速创建简单界面

使用GUI Form快速创建简单界面 使用GUI Form快速创建简单界面

使用GUI Form快速创建简单界面

• 简述
• 准备工作
• 使用示例
  • 第一步：创建类及对应的form文件
  • 第二步：给From中的组件JPanel起一个字段名（，否者下面在生成main方法时会报错）
  • 第三步：拖动组件，在画板中完成UI
  • 第四步：给组件添加监听
  • 第五步：生成main方法
  • 第六步：运行main方法，（idea自动）生成GUI对应源码
  • 第七步：将项目打成可执行jar包，以便使用
• 相关资料

---

简述

GUI Form是IntelliJ IDEA提供的快速创建GUI界面的功能，通过拖拽组装组件、自动生成代码的方式完成GUI界面的绘制。

准备工作

• 设置GUI代码生成的位置为source code，打开File | Settings | Editor | GUI Designer，并设置
  

• 引入（自动生成的GUI源码需要的）依赖

  
      com.intellij
      forms_rt
      7.0.3
  
  

使用示例 第一步：创建类及对应的form文件

第二步：给From中的组件JPanel起一个字段名（，否者下面在生成main方法时会报错）

第三步：拖动组件，在画板中完成UI

第四步：给组件添加监听

示例：

public class DemoGUI {
    private JPanel jPanel;
    private JTextField jTextField;
    private JLabel jLable;
    private JButton button;
    
    public DemoGUI() {
        button.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                String inputText = jTextField.getText();
                
                /// d出框
                JDialog jDialog = new JDialog();
                // 设置相对位置. null代表位于屏幕居中
                jDialog.setLocationRelativeTo(null);
                // 设置标题
                jDialog.setTitle("Information");
                // 设置可见性
                jDialog.setVisible(true);
                // 设置大小
                jDialog.setSize(200, 80);
                // 设置d出框图标
                ///jDialog.setIconImage(new ToolkitImage(new ByteArrayImageSource(...)));
                jDialog.setIconImage(new ToolkitImage(new FileImageSource("C:\Users\JustryDeng\Desktop\icon\通知.png")));
                // 给d出框面板添加组件
                Container contentPane = jDialog.getContentPane();
                contentPane.add(new JLabel("hello~ " + inputText));
            }
        });
    }
}

第五步：生成main方法

第六步：运行main方法，（idea自动）生成GUI对应源码

生成源码：

提示：如果你想修改生成的GUI代码（即：你想避免每次运行main方法时都生成GUI代码），你只需要使java类没有对应的form文件即可：

• 你可以在首次生成GUI源码后，删除掉对应的form文件，然后再修改GUI源码即可。
• 你也可以在首次生成GUI源码后，直接复制一个新的java类出来（只复制java类不复制对应的form文件），然后再修改GUI源码即可。

观察效果：

点击【确定】，d出新的对话框：

第七步：将项目打成可执行jar包，以便使用

• 在pom中添加打包插件maven-shade-plugin

  
  
      4.0.0
  
      org.example
      gui-form
      1.0.0
  
      
          8
          8
          UTF-8
      
  
      
          
          
              com.intellij
              forms_rt
              7.0.3
          
      
  
  
      
          
              
                  src/main/resources
                  
                      
                      **/*.*
                  
              
          
  
          
              
                  org.apache.maven.plugins
                  maven-shade-plugin
                  3.2.4
                  
                      
                          
                              
                              com.example.guiform.DemoGUI
                          
                      
                  
                  
                      
                          package
                          
                              shade
                          
                      
                  
              
          
      
  
  
  

• 打成jar包并运行

---

相关资料

• demo代码下载
• 本文已被收录进《程序员成长笔记》 ，笔者JustryDeng