使用 Java 和 Swing UI Designer 开发窗体应用程序入门

开发环境:

Windows 10 Pro x64 20H2

Intellij IDEA Ultimate 2020.2.3

JDK 8 ~ 15 均可

一、创建项目

打开 Intellij IDEA,选择“New Project”:

选择“Java”(JDK 版本在 8 ~ 15 都可以):

留空即可,无需选择创建模板:

给自己的项目命个名吧:

点击“Finish”完成创建。

二、新建窗体代码包

按照前一个步骤创建好项目后,停留在以下界面:

展开“GUIProgramDemo”文件夹,右键点击“src”目录,选择 “New” -> “Package“,此Package将作为窗体程序的代码包,如下所示:

名称可以采用“com.gui”,也可以采用其他的名称。新建好后如下所示:

代码包新建完成后,开始新建窗体。在“com.gui”上单击右键,选择“New” -> “Swing UI Designer” -> “GUI Form“,如下所示:

为了简便起见,窗体类名称就采用“App”:

新建完成后,如下图所示:

我们可以看到右侧出现了一个窗体设计界面。目前这个窗口只有一个JPanel。该 JPanel 的 Layout Manager 属性默认为 GridLayoutManager (Intellij)。我们把该 JPanel 的 field name 改为 “panelMain”。

接下来从右侧Palette中将JButton拖拽到面板中,如下图所示:

当期按这个按钮的功能是点击后弹出文字提示,所以该 JButton 的 field name 改为“buttonShowMessage”。

三、添加事件

上述步骤做好的按钮没有定义任何动作,即点击以后没有任何反应。接下来我们以“点击弹出文字”来举例说明添加事件。

在设计界面的 Button 上点击右键,选择“Create Listener”:

然后再选择“ActionListener”:

“ActionListener”类型只有一个,选择即可:

点击“OK”后,在“App.java”页看到自动插入了如下代码:

我已经把 public void actionPerformed(ActionEvent e) 的方法代码替换为:

JOptionPane.showMessageDialog(null, "Hello World!");

上述代码代表点击按钮后弹出消息框,提示“Hello World!”。

四、添加执行入口并编译

仅按照上述代码还不能执行,因为缺少入口。

我们为了简便起见,就在当前窗体类中加入 main() 方法。在 public class App 类中需要补齐以下代码:

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

此时仍然不能编译,因为我们创建项目时没有采用任何模板。

在编译选项中可以看到,目前没有任何配置文件。我们先来点击添加配置文件,如下所示:

点击右上角的“+”按钮,选择“Application”,填入 main 的完整名称(具体名称请根据实际修改):

添加完成后,就可以点击“运行”查看运行后的效果了:

点击这个按钮后:

大功告成!

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据