Itelliji Idea, GUI Designer

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

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

  1. 在置放原始程式的资料夹按右键→【New】→【GUI Form】即能建立图形接口表单。
    form1

  2. 接着在New GUI Form对话窗输入表单名称与类别名称,【Create bound class】必须勾选,IDEA会依名称建立.java与.form的档案,前者是Java原始档,后者存放图形元件。

  3. 进入GUI Designer画面,左上方是表单的元件清单,其下方是元件特性设定区,中间是图形画面,右方是所有元件的调色盘,在调色板按了某个元件后,将光标移入中间就能将之放入,放入时要决定对齐的方式。GUI Form默认会新增一个JPanel容器元件。

  4. 我们要在底部放两个按钮,先放上一个JPanel面板,再把按钮放在这个面板之上。先由调色盘点选JPanel,再将光标移到底部直到出现蓝框并标示为【(bottom)】为止再放开。

  5. 再点选JButton在底部靠左放入第一个按钮。

  6. 再放入第二个按钮,盖框要涵盖面板剩余空间。

  7. 两个按钮都放置好后会自动调整位置,变成更个均等的按钮,占满整个底部面板。

  8. 再来对按钮做细部设定。先点击左边按钮,再修改【field name】与【text】特性。

  9. 再于最顶端新增JLabel当做功能说明字串。

  10. 在第一个JLabel下方再插入一个JLabel。对齐蓝线在其正下方。

  11. 在第一个JLabel下方再放一个JLabel,再于其右方字段里放入输入用的JTextField.

  12. 重复上述操作共放入5个JLabel、5个JTextField。

  13. 编辑【text】与【field name】特性,最后画面如下。

  14. 点选任意一个元件后按〔F4〕(Jump to source)跳至Java原始码该元件宣告处。将光标移到最后面按〔Alt+Insert〕以自动产生程式码,此时使用【Form main()】来产生显示此GUI表单的main()。

  15. 然而此时系统却会弹出无法系结到根元件的错误讯息。只要回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();
 

Create Listener

画面大致完成,接着再添加处理逻辑。

  1. 点击第一个JButton按钮,由右键功能表里点击【Create Listener】。

  2. 再由【Create Listener】选单里选要使用的动作Listener,我们先选用【ActionListener】。

  3. 再选用可以使用的methods,ActionListener只需要实作actionPerformed()。

  4. 按OK后会跳回原始码分页,并且该method的样板已经自动产生好,我们只要再加入程式码就可以了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值