- 在置放原始程式的资料夹按右键→【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()就能编译并执行了,执行画面如下:
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
画面大致完成,接着再添加处理逻辑。
- 点击第一个JButton按钮,由右键功能表里点击【Create Listener】。
- 再由【Create Listener】选单里选要使用的动作Listener,我们先选用【ActionListener】。
- 再选用可以使用的methods,ActionListener只需要实作actionPerformed()。
- 按OK后会跳回原始码分页,并且该method的样板已经自动产生好,我们只要再加入程式码就可以了。