Itelliji Idea, GUI Designer

最新推荐文章于 2025-06-30 14:32:09 发布

哥弟思

最新推荐文章于 2025-06-30 14:32:09 发布

阅读量8.6k

点赞数

分类专栏： java

java 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何在IntelliJ IDEA中使用GUIForm功能创建图形接口表单，包括新建表单、布局设计、组件添加与属性设置、逻辑实现等关键步骤，最终展示了一个完整的GUI表单实例及其执行效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在置放原始程式的资料夹按右键→【New】→【GUI Form】即能建立图形接口表单。
接着在New GUI Form对话窗输入表单名称与类别名称，【Create bound class】必须勾选，IDEA会依名称建立.java与.form的档案，前者是Java原始档，后者存放图形元件。
进入GUI Designer画面，左上方是表单的元件清单，其下方是元件特性设定区，中间是图形画面，右方是所有元件的调色盘，在调色板按了某个元件后，将光标移入中间就能将之放入，放入时要决定对齐的方式。GUI Form默认会新增一个JPanel容器元件。
我们要在底部放两个按钮，先放上一个JPanel面板，再把按钮放在这个面板之上。先由调色盘点选JPanel，再将光标移到底部直到出现蓝框并标示为【(bottom)】为止再放开。
再点选JButton在底部靠左放入第一个按钮。
再放入第二个按钮，盖框要涵盖面板剩余空间。
两个按钮都放置好后会自动调整位置，变成更个均等的按钮，占满整个底部面板。
再来对按钮做细部设定。先点击左边按钮，再修改【field name】与【text】特性。
再于最顶端新增JLabel当做功能说明字串。
在第一个JLabel下方再插入一个JLabel。对齐蓝线在其正下方。
在第一个JLabel下方再放一个JLabel，再于其右方字段里放入输入用的JTextField.
重复上述操作共放入5个JLabel、5个JTextField。
编辑【text】与【field name】特性，最后画面如下。
点选任意一个元件后按〔F4〕（Jump to source）跳至Java原始码该元件宣告处。将光标移到最后面按〔Alt+Insert〕以自动产生程式码，此时使用【Form main()】来产生显示此GUI表单的main()。
然而此时系统却会弹出无法系结到根元件的错误讯息。只要回GUI Designer，点击第一个JPanel元件，并且在【field name】输入一个名称（如Panel1）就可以正常产生main()程式码。

    public static void main(String[] args) {
      JFrame frame = new JFrame("SetupForm");
      frame.setContentPane(new SetupForm().Panel1);
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.pack();
      frame.setVisible(true);
    }

16.产生出main()就能编译并执行了，执行画面如下： main3

17.其实还有一段GUI启始的程式码被直接写到编译后的.class档里，如果想要把额外增加的启始程式也在.java里出现的话，开启设定视窗→【GUI Designer】→将【Generate GUI into】换成【Java source code】即可，内容大致如下：

    public static void main(String[] args) {
      JFrame frame = new JFrame("SetupForm");
      frame.setContentPane(new TestForm().Panel1);
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.pack();
      frame.setVisible(true);
    }

    {
  // GUI initializer generated by IntelliJ IDEA GUI Designer
  // >>> IMPORTANT!! <<<
 // DO NOT EDIT OR ADD ANY CODE HERE!
 $$$setupUI$$$();
 }

 /**
 * Method generated by IntelliJ IDEA GUI Designer
>>> IMPORTANT!! <<<
 * DO NOT edit this method OR call it in your code!
 *
 @noinspection ALL
 */
 private void $$$setupUI$$$() {
 Panel1 = new JPanel();
 Panel1.setLayout(new com.intellij.uiDesigner.core.GridLayoutManager(6, 2, Insets(0, 0, 0), -1, -1));
 final JPanel panel1 panel1.setLayout(new com.intellij.uiDesigner.core.GridLayoutManager(1, Panel1.add(panel1, com.intellij.uiDesigner.core.GridConstraints(5, 1, com.intellij.uiDesigner.core.GridConstraints.ANCHOR_CENTER, com.intellij.uiDesigner.core.GridConstraints.FILL_BOTH, com.intellij.uiDesigner.core.GridConstraints.SIZEPOLICY_CAN_SHRINK | com.intellij.uiDesigner.core.GridConstraints.SIZEPOLICY_CAN_GROW, null, false));
 button1 JButton();