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

已于 2022-10-10 12:04:25 修改
阅读量1.1w 收藏 69
点赞数 9
分类专栏： Java知识大杂烩 文章标签： GUI Form GUI 快速GUI 拖拽绘制GUI IDEA GUI
于 2021-12-11 10:28:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/justry_deng/article/details/121869629
版权

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

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

简述

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

准备工作

  • 设置GUI代码生成的位置为source code，打开File | Settings | Editor | GUI Designer，并设置
    在这里插入图片描述

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

    <dependency>
    <groupId>com.intellij</groupId>
    <artifactId>forms_rt</artifactId>
    <version>7.0.3</version>
</dependency>

使用示例

第一步：创建类及对应的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();
                
                /// 弹出框
                JDialog jDialog = new JDialog();
                // 设置相对位置. null代表位于屏幕居中
                jDialog.setLocationRelativeTo(null);
                // 设置标题
                jDialog.setTitle("Information");
                // 设置可见性
                jDialog.setVisible(true);
                // 设置大小
                jDialog.setSize(200, 80);
                // 设置弹出框图标
                try {
                    InputStream inputStream = Objects.requireNonNull(DemoGUI.class.getResourceAsStream("/information.png"));
                    jDialog.setIconImage(ImageIO.read(inputStream));
                } catch (Exception exc) {
                    throw new UndeclaredThrowableException(exc);
                }
    
                // 给弹出框面板添加组件
                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源码即可。

观察效果：

在这里插入图片描述

点击【确定】，弹出新的对话框：
在这里插入图片描述

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

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

    <?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>org.example</groupId>
    <artifactId>gui-form</artifactId>
    <version>1.0.0</version>

    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <dependencies>
        <!-- https://mvnrepository.com/artifact/com.intellij/forms_rt -->
        <dependency>
            <groupId>com.intellij</groupId>
            <artifactId>forms_rt</artifactId>
            <version>7.0.3</version>
        </dependency>
    </dependencies>


	<build>
	    <resources>
	        <resource>
	            <directory>src/main/resources</directory>
	            <includes>
	                <!--包含文件夹以及子文件夹下所有资源-->
	                <include>**/*.*</include>
	            </includes>
	        </resource>
	    </resources>

	    <plugins>
	        <plugin>
	            <groupId>org.apache.maven.plugins</groupId>
	            <artifactId>maven-shade-plugin</artifactId>
	            <version>3.2.4</version>
	            <configuration>
	                <transformers>
	                    <transformer implementation="org.apache.maven.plugins.shade.resource.AppendingTransformer">
	                        <resource>META-INF/spring.handlers</resource>
	                    </transformer>
	                    <transformer implementation="org.springframework.boot.maven.PropertiesMergingResourceTransformer">
	                        <resource>META-INF/spring.factories</resource>
	                    </transformer>
	                    <transformer implementation="org.apache.maven.plugins.shade.resource.AppendingTransformer">
	                        <resource>META-INF/spring.schemas</resource>
	                    </transformer>
	                    <transformer implementation="org.apache.maven.plugins.shade.resource.ServicesResourceTransformer" />
	                    <transformer implementation="org.apache.maven.plugins.shade.resource.ManifestResourceTransformer">
	                        <!-- main类 -->
	                        <mainClass>com.example.guiform.DemoGUI</mainClass>
	                    </transformer>
	                </transformers>
	            </configuration>
	            <executions>
	                <execution>
	                    <phase>package</phase>
	                    <goals>
	                        <goal>shade</goal>
	                    </goals>
	                </execution>
	            </executions>
	        </plugin>
	    </plugins>
	</build>

</project>

  • 打成jar包并运行

在这里插入图片描述
在这里插入图片描述

相关资料

justry_deng
关注
  • 9
    点赞
  • 踩
  • 69
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
python制作一个简单的gui 数据库查询界面
01-21
一、准备工作： 1、安装mysql3.7，创建一个test数据库，创建student表，创建列：（列名看代码），创建几条数据 （以上工作直接用navicat for mysql工具完成) 二、代码： import sys import tkinter as tk import mysql.connector as sql #--------------------查询函数--------------------------- def sql_connect(): listbox_show.delete(0,'end') #初始化清空显示区 m = listbox_name.curse
初用 intelliJ 的GUI Form
Silver
02-14 2万+
在用了一年的eclipse和myeclipse后，偶然在小学期课设中接触到了JetBrains 的 intelliJ ，如此便一发不可收拾地爱上了这一系列的IDE。刚好我也是web开发迷，其他几款如：webstorm和phpstorm正对我胃口。 闲话少说，在使用上intelliJ之后不久，终于遇到了需要画界面的需求。于是接触到了intelliJ的GUI Form 新建一个GUI
第14章 创建图形用户界面GUI.ppt
04-16
第14章 创建图形用户界面GUI.ppt
GUI Form小问题一
major1985的博客
10-31 803
GUI Form文件打开只显示代码的解决方法》
简单实现登陆注册gui界面以及打包成exe文件
qq_42671772的博客
10-11 6834
新建一个data.txt文件。存用户名和密码 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Author : Benjamin # @Time : 2021/10/11 20:33 # from tkinter import * from tkinter import messagebox from tkinter import Tk import tkinter as tk #创建窗体 my_window=Tk() my_wind.
Java实现鼠标拖拽移动界面组件
09-04
在Java中，Frame或者JFrame自身已经实现了鼠标拖拽标题栏移动窗口的功能。但是Jframe的样式实在无法令人满意，那你又该怎么实现鼠标拖拽移动窗口的目的呢？今天我们来探讨下
JAVA Swing 与 GUI Form
这里的分享，都是干货
11-14 2305
java常用于后端开发，用于UI的Swing API较少有人用，但是在做一些窗口程序还是不得不用到，比如做idea插件的时候。
如何使用Java实现图形用户界面（GUI）？
weixin_51151534的博客
03-06 7566
随着计算机技术的不断发展，图形用户界面（GUI）成为现代软件开发的一个重要方面。通过使用GUI，开发人员可以创建具有可视化界面的应用程序，以提供更好的用户体验。在本文中，我们将介绍如何使用Java实现GUI。
利用IntelliJ IDEA开发Java GUI
diaojian66的博客
07-19 5203
新建Java项目 创建GUI页面 一、新建GUI Form 二、弹出窗口中输入名称并点击OK 三、其中，Test.form 是放置GUI中的布局和控件的地方，Test类则是Test.form文件对应的捆绑类 四、在Test.form界面拖动一个JLabel控件到主界面上，并修改其fieldName为testLabel，text为“测试一下” 五、修改JPanel的名称为rootPanel 六、进入Test类文件中，在Test类中右键Generate–>Form main(),生成main函数
Java GUI可拖拽式图形用户界面编程，WindowBuilder工具的安装使用教程
刘先生倒了u的博客
11-25 6685
使用eclipse做图形化界面GUI设计，很多人喜欢用WindowBuilder直接拖拽，非常方便。WindowBuilder免费安装，安装的方法也非常简单。 首先，记住一个网址 http://download.eclipse.org/windowbuilder/WB/integration/4.8/ 很多人去到官网不知道下载哪个版本，可以在eclipse中查看 关于Eclipse IDE的...
使用Java GUI实现用户登陆界面
09-11
北邮国院大二JAVA大作业
python 实现简单的计算器(gui界面)
12-16
运行效果： 完整代码 from tkinter import * def click(num): global op op=op+str(num) iptext.set(op) def evaluate(): global op output=str(eval(op)) iptext.set(output) ...ipa
MATLAB GUI界面之动态创建控件
04-30
在GUI界面中动态创建控件
@RequestBody的使用
热门推荐
JustryDeng
07-09 100万+
提示：建议一定要看后面的@RequestBody的核心逻辑源码以及六个重要结论！本文前半部分的内容都是一些基 本知识常识，可选择性跳过。 声明：本文是基于SpringBoot，进行的演示说明。 基础知识介绍： @RequestBody主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的)；GET方式无请求体，所以使用@RequestBo...
TortoiseSVN打分支、合并分支、切换分支
JustryDeng
08-31 26万+
SVN几个重要文件夹说明： 我们一般习惯性在创建repository仓库后,再在刚才创建的仓库里面再创建trunk、branches、tags这三个文件夹,而不是直接将项目提交到仓库的根目录下(虽然直接将项目分享到仓库的root根目录下也是可以的,但是我们一般不这么做)。主要目的是:为了给项目各个阶段,各个版本归类、分阶段存储、并行开发。 trunk文件夹: 主干，我们一般把项目...
SpringBoot使用Validation校验参数
JustryDeng
01-21 14万+
JSR(Java Specification Requests)是Java界的重要标准；JSR又细分很多标准，其中JSR303就代表Bean Validation。更多细节可参考：https://jcp.org/en/jsr/detail?id=303。 目录 准备工作 约束性注解(简单)说明 @Validated的使用时机 @Validated与@Valid的简单对比说明...
Object与json字符串的相互转换
JustryDeng
06-23 10万+
第一步：引入fastjson的依赖jar包 注：maven项目，直接在pom.xml中进行配置即可。 注：如果引入此版本的依赖，导致项目不能启动(报错:找不到启动类);那么可以换一个版本的fastjson即可。 给出文字版： <!-- fastjson--> <dependency> <groupId>com.alibaba</...
java转义字符之换行字符
JustryDeng
06-25 10万+
我们知道，java代码中，\r和\n和\r\n都表示换行，当我们想输出“\n”时，如果直接写System.println(“\n”);是看不到任何东西的，因为其自动被转义为换行了。 这时，我们就需要使用转义字符了。 这里先给出转义字符： 使用示例： 输出结果为： 注：\r是回车符；\n是换行符。 注：写程序时，代码里面的换行，我们一般都使用'\n'表示换行。如: ...
Feign消费服务时POST/GET请求方式
JustryDeng
06-23 5万+
总体说明 feign消费服务时，以GET方式请求的条件： 如果想让服务消费者采用GET方式调用服务提供者，那么需要： 服务消费者这边feign调用时，在所有参数前加上@RequestParam注解。 服务消费者这边feign调用时，指明为GET方式（注:如果不指明method,那么在条件1满足的情况下，采用的是默认的GET方式）。 注：这里条件1和条件2，是“且”的关系(都满足时，才为GE...
如何创建gui界面
最新发布
05-25
创建GUI界面有很多种方法，以下是其中一种基于Python的方式： 1. 安装GUI库：Python中有很多GUI库可供选择，例如Tkinter、PyQt、wxPython等。在这里我们以Tkinter为例进行介绍。 2. 导入Tkinter库并创建窗口：首先需要导入Tkinter库，并创建一个窗口对象。 ```python import tkinter as tk root = tk.Tk() ``` 3. 添加控件：在窗口中添加各种控件，例如标签、按钮、文本框等。可以使用Tkinter提供的各种控件类来添加控件。 ```python label = tk.Label(root, text="Hello, World!") button = tk.Button(root, text="Click Me!") entry = tk.Entry(root) ``` 4. 布局控件：在创建完控件后，需要对它们进行布局。可以使用Tkinter提供的布局管理器，例如pack、grid、place等。 ```python label.pack() button.pack() entry.pack() ``` 5. 运行程序：最后运行程序，显示窗口。 ```python root.mainloop() ``` 以上是一个简单的GUI界面的创建过程，你可以根据自己的需求添加更多的控件和布局。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值