首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用带有FXML的JavaFX创建带有删除按钮的多个TextFields

可以通过以下步骤实现:

  1. 创建FXML文件:创建一个FXML文件,命名为sample.fxml,并在文件中定义一个VBox容器,用于包含多个TextField和删除按钮。
  2. 定义Controller类:创建一个Java类,命名为SampleController,并将其作为FXML文件的Controller。在该类中,定义一个initialize()方法,用于初始化界面。
代码语言:java
复制
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.VBox;

import java.net.URL;
import java.util.ResourceBundle;

public class SampleController implements Initializable {

    @FXML
    private VBox container;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        // 初始化界面
        addTextField();
    }

    @FXML
    private void addTextField() {
        // 创建一个新的TextField和删除按钮
        TextField textField = new TextField();
        Button deleteButton = new Button("删除");
        deleteButton.setOnAction(event -> container.getChildren().remove(textField));

        // 将TextField和删除按钮添加到容器中
        container.getChildren().addAll(textField, deleteButton);
    }
}
  1. 加载FXML文件:在主应用程序类中,加载FXML文件并显示界面。
代码语言:java
复制
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class MainApp extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("JavaFX App");
        primaryStage.setScene(new Scene(root, 300, 200));
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

这样,当运行应用程序时,将显示一个带有一个初始TextField和一个删除按钮的界面。点击删除按钮时,对应的TextField将被从界面中移除。

在这个例子中,我们没有提及任何特定的云计算品牌商,因为这个问题与云计算领域的专业知识和技术无关。如果您对云计算领域的其他问题有兴趣,我可以为您提供相关的答案和信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用Plotly创建带有回归趋势线时间序列可视化图表

使用px之前,我们将px对象分配给了fig(如上所示),然后使用fig.show()显示了fig。现在,我们不想创建一个包含一系列数据图形,而是要创建一个空白画布,以后再添加到其中。...例如,如果您有两个不同具有时间序列数据或多个子集DataFrame,则可以继续向graph_object添加。...有人想要在条形图中添加趋势线,当我们使用Plotly Express来生成趋势线时,它也会创建数据点——这些数据点可以作为普通x、y数据访问,就像dataframe中计数一样。...scatter graph object fig.add_trace( go.Scatter(x=x_trend, y=y_trend, name='trend')) 我们已经有了带有线条和趋势基本图形对象...总结 在本文中介绍了使用Plotly将对象绘制成带有趋势线时间序列来绘制数据。 解决方案通常需要按所需时间段对数据进行分组,然后再按子类别对数据进行分组。

5.1K30

JavaFX之Scene Builder使用(开发一款GUI小工具原来这么简单)

,如果您是学Java开发,业余想做GUI小工具,可以选择使用JavaFX。...二、JavaFX与Scene Builder下载 从JDK11发布开始,JavaFX已经不被包含在JDK中了。为了方便大家使用,可以直接使用JDK8。...FXML是一种以XML格式表示JavaFX界面对象文件,FXML文件中每一个元素可以映射到JavaFX一个类,每个FXML元素属性或者其子元素都可以映射为该对应JavaFXML类属性....用来绑定这个fxml文件用,用于控制这个界面的一些操作,实现一些功能~~ 1.弄明白了之后,我们现在项目中创建两个文件,如下: 创建一个fxml文件: 创建一个Controller类文件:...其余那些就是控制按钮大小 总结 以上是博主千辛万苦纯手打的JavaFX入门教程以及SceneBuilder使用,如果小伙伴们有什么不懂得,可以直接私信博主,有帮助的话麻烦点赞+收藏关注,您得支持是博主更新得最大动力

7.8K31

JavaFX入门(二):JavaFXFXML

在我JavaFXML系列博客第一篇《JavaFX入门(一):我第一个JavaFX程序 》中我们用纯Java代码写了一个很简单JavaFXML程序,这一节中我们使用FXML编写程序界面,然后用...我们在Eclipse创建一个简单Java工程。...handleButtonAction()方法在FXML文件中说明,为ButtononAction属性值,我们在handleButtonAction()方法中进行点击按钮处理逻辑。...我们运行程序,点击按钮结果如下: image.png 总结一下: JavaFX程序中我们可以使用FXML文件编写前台界面,使用FXMLLoader类将FXML文件绑定到主程序。...使用一个Controller类和@FXML注解将操作逻辑绑定到FXML文件中界面元素。 在FXML文件中使用fx:id属性声明界面元素id,在Controller类中以相同名称定义该元素。

8.2K30

JavaFX 11发行说明

添加API以自定义Spinner控件步骤重复计时 在JavaFX 11中修改值步骤之前,必须在Spinner控件箭头按钮上按下鼠标的默认持续时间。...使用JDK 10运行时,Swing interop需要合格导出 要使用带有OpenJDK 10版本JavaFX 11运行FX / Swing互操作应用程序,必须在java命令行中添加以下四个限定导出...使用jlink创建最小jdk映像时,Swing interop失败 使用包含JavaFX 11 jmods包中javafx.swing模块jlink创建最小Java映像将无法运行FX / Swing...控制 JDK-8193311 [Spin​​ner]在ENTER上未激活默认按钮 控制 JDK-8193495 快速删除和添加操作后,TabPane不会正确更新标题区域中选项卡位置 控制 JDK-8194913...java.base删除使用合格sun.net.www导出到javafx.web web JDK-8196011 从JFXPanel应用程序使用WebView时发生间歇性崩溃 web JDK-8196374

6.5K60

JavaFX 简介

如果你准备使用Java编写图形界面程序,又没有历史包袱,那么强烈推荐使用JavaFX。 这是Oracle官网关于JavaFX资源和文档。...这是官方示例程序,我们可以参考JavaFX部分来学习如何使用。下面是其中一个分形JavaFX程序,点击上面的数字可以进入不同微观展示,感觉有一种看病毒微观世界感觉,很震撼。 ?...用户输入 这个程序可以用来处理用户登录情况,代码如下,重要部分都添加了注释。代码最后一部分使用setOnAction函数为按钮添加了点击事件,当点击按钮时候会显示文本。...如果希望修改组件样式,JavaFX提供了CSS接口,让我们可以直接使用CSS文件修改样式。首先需要在FXML文件中添加相应样式表引用。文件名前面的@表示这个CSS文件和FXML文件在同一目录下。...如果有同学想使用Java编写图形界面程序,可以考虑使用JavaFX,这是一个很不错选择。

5.6K70

JavaFX入门(五):使用CSS样式美化你UI控件

JavaFX CSS有三种选择器: 1. type selector 每个JavaFX控件类都对应这一个CSS Type,我们可以使用类型选择器,控制该类型控件外观。...其对应命名为:将JavaFX类名成首字母小写,如果是由多个单词拼接类名,将每个单词原来大写首字母小写然后用连字符将多个单词连接。...---- 下面我们使用CSS美化一下我们在《JavaFX入门(三):使用Eclipse开发JavaFX程序 》一节中使用SceneBuilder拖拽出来界面。...MainApplication.java文件是我们主类文件,MainWindow.fxml是我们FXML界面布局文件,MainStyle.css是我们CSS样式文档。...我们主界面使用GridPane,一个4×3格网。

9.7K50

Java 实现一个带提醒定时器

---- 涉及技术:   使用类似Timer定时器来推迟提醒线程执行便可完成程序主体部分,再辅以JavaFX、AWT来构建GUI界面即可。   ...此处使用ScheduledThreadPoolExecutor(点击此处获取该线程池具体用法)这个线程池来实现延时执行功能。...---- 当前涉及问题:   点击开始计时后,无法停止计时(无法获取到线程池中线程并终止它);   线程池进程不会因为JavaFX程序关闭而结束,两者这件没有相互约束关系; ---- 源代码...(一):(点击事件) @FXML private TextField AlarmSecond; @FXML private TextField AlarmMiunte; @FXML...private TextField AlarmHour; @FXML private javafx.scene.control.Button begin; @FXML public

1.8K10

MyChat,一个私有的“微信“

回答是“如果你只创建一个对象还用工厂模式,那肯定是复杂了,但如果你想扩展你对象创建,那他就不复杂。因为你开发一次,受用多次,算是一劳永逸了。”...可以基于该项目快速开发出一个带有通讯能力应用。...UI 采用 JavaFx ,了解过 JavaFx 的人都知道这东西在国内文档表现,为使得页面开发便捷,专门为其开发了一些轮子,比如 FxmlObject ,让你可以轻松来操作 fxml 文件对象。...也就是说,你可以使用任何开发方案,不过要考虑集成问题,因为 JavaFx 可以直接调用 java 程序,所以我这没有集成问题。...聊天内容文本域如何动态调整宽高?使文本合理展示? (难搞) javaFx 边框?边距?背景? 功能问题 现在 UI 数据都存在缓存中,重启应用后消失,这部分数据如何处理?

2.9K10

JavaFX——(第一篇:介绍篇)

什么是JavaFX JavaFx平台是一个富客户端平台解决方案,它能够使用应用程序开发人员轻松创建跨平台富客户端应用程序。...对于使用社备有多个使用路径: DirectX 9 在 Windows XP和Windows Vista上 DirectX 11在Windows 7上 OpenGL在Mac, Linux, 嵌入式 Java2D...例如:当一个按钮位置发生改变,那么pulse将被改变。 当一个pulse被触发,那么相应改变也会同步渲染层。pulse能使应用开发者处理异步事件。...非常容易打包通过上面介绍几种方式。 跨平台。 与Java API相同API格式。 如何创建JavaFX应用 下载最新版本JDk并且支持JavaFX。 安装并且配置,按照向导创建一个简单应用。...注意: JavaFX场景构建器没有依赖任何特定IDE。您可以运行它作为一个独立工具来创建UI布局和编辑结果FXML文件使用一个文本编辑器,你选择。

5.6K60

【IOS开发基础系列】UIAlertController专题

下面的代码片段展示了如何初始化和显示一个带有“取消”和“好按钮对话框视图。...是使用对话框(alert)还是使用上拉菜单(action sheet),就取决于在创建控制器时,您是如何设置首选样式。...为了实现原来我们在创建UIAlertView时创建按钮效果,我们只需创建这两个动作按钮并将它们添加到控制器上即可。     ...根据苹果官方定义,“警示”样式按钮是用在可能会改变或删除数据操作上。因此用了红色醒目标识来警示用户。...这个时候上拉菜单是以一个固定在源按钮弹出框形式显示。         要注意UIAlertController在使用弹出框时候自动移除了取消按钮

37230

iOS学习——UIAlertController详解

UIAlertController提示器使用分为三步,创建UIAlertController提示器对象-->配置UIAlertController提示器上按钮-->显示UIAlertController...我们需要在UIAlertController提示器添加一个按钮时,先创建一个UIAlertAction,然后通过UIAlertController addAction: 方法将创建UIAlertAction...UIAlertAction对象直接用UIAlertAction类方法就可以创建了,其中第一个参数是按钮标题;第二个参数UIAlertActionStyle是选择按钮风格类型,有三种选择:常规、取消和销毁风格类型...: 文本框添加只能是在UIAlertController风格类型为UIAlertView时才有 文本框添加多个 我们可以看到,在配置文本框这里还有一个参数是textFields,这各参数是一个只读数组类型...but,在某些情况下,万恶UI会要求你修改显示文字大小、颜色,虽然系统自带有一种红色字体UIAlertAction,但是这种Action并不能放在Cancel位置,所以,更多时候,需要我们自己修改文字字体和颜色

2.7K170

使用Java在Netbeans IDE上开发JavaFX4个深坑总结,开发必看!

本来想着在netbeans上面开发Javafx项目很容易,也就没怎么准备,就直接上手了。后来气我想砸键盘。由于现在大家普遍都使用eclipse和idea,导致这两个ide教程普遍多。...第一个深坑:为什这张图片我画了大大X,因为现在netbeans 根本就不支持 ant javafx 项目创建,最让人无语是它居然还开放了这个创建通道。...netbeans就不支持ant javafx项目的创建,r了我们直接创建普通ant项目即可。...jar文件,不要点到目录文件夹一添加就完事了,那样添加不上,必须添加到指定jar,选择完成后,我们再去点击add JAR/Folder 那个按钮它如果是这样状态,代表我们添加成功,然后点击ok接下来我们创建一个...提示缺少java运行时组件,第三个深坑:这个问题原因是因为 要添加一些参数 (它非常关键):--module-path “你javafx lib路径” –add—modules javafx.controls.javafx.fxml

2.6K00

Java GUI 还在发展?还有游戏引擎?

最近,在浏览Oracle官网时,发现了一个没见过东西JavaFX。---一....什么是JavaFX国内官网:https://openjfx.cn/JavaFX 是一个开源下一代客户端应用平台,适用于基于Java构建桌面、移动端和嵌入式系统。...它是许多个人和公司共同努力成果,目的是为开发丰富客户端应用提供一个现代、高效、功能齐全工具包。...官方JDK8自带这个包(),而在高版本JDK中,以jar包提供,目前大版本如下图片前两个是内置版本,最后是一个可视化用来创建页面(fxml工具,BSD协议。...jar包版本见此链接(适用于JDK21):https://jdk.java.net/javafx21/下载并体验了一下,笔记本没显卡使用起来感觉有点卡。图片二.

40700

第68篇:javafx编写扫描器UI界面的线程死锁问题及坑点总结

正常输出是7、8、9、10随机出现,但是却出现了多个10及多个11情况,输出结果明显不正确。...2 Platform.runLater不用,ReentrantLock锁使用 首先看这种情况,运行后马上各种报错,说明ReentrantLock锁无法保证javafx控件线程安全问题。...比如说我写的如下工具,fxml文件已经快1500行了,此时再用scenebuilder拖拽会特别卡。...以下这个界面,按钮控件特别多,每个按钮功能类似,于是我用一个Map集合放置每一个按钮标题和按钮事件中用到关键值,然后用一个for循环,遍历Map集合添加Button按钮组件,很快搞定这个界面,比Scenebuilder...首先使用idea 2022新建项目,JDK选择大于等于jdk8版本即可,小于jdk8不支持javafx。 可以看到idea 2022版本,已经自动在pom.xml文件中添加了javafx库了。

28931

IntelliJ IDEA 2019.3 发布,性能更牛逼!

官方表示,该版本是其旗舰 IDE 第三次也是最后一个主要版本。 据透露,在 IntelliJ IDEA 这个主要版本上,该开发团队专注于 IDE 性能和整体质量。...除此之外,还有一些项目内容是,例如对新微服务框架支持,例如 Micronaut,Quakus和Helidon,以及人们期待已久对 MongoDB 支持。...IntelliJ IDEA 2019.3 版本更新内容包括有: 更好性能 更快 IDE 启动 总体上更好 UI 响应能力,更少 UI 和编辑器冻结 减少内存消耗,特别是在 Gradle 项目导入上...添加了全新“端点”工具窗口。此窗口显示客户端和服务器API聚合视图。 增加了对 API 文档规范扩展支持。 引入了备受期待 MongoDB 支持。 .........当用户使用 JavaFX 项目时,IDE 可以在 Scene Builder 选项卡中显示带有嵌入式 Scene Builder FXML 文件。 修复了窗口和弹出位置。

1.5K20

IDEA与eclipse桌面配置基础

Compiler Compiler compliance level:编译Java程序时使用JRE版本。Libraries:配置classpath地方,既然要运行Java程序,肯定要包含JRE。...;requires javafx.controls;requires javafx.fxml;requires javafx.graphics;requires javafx.media;requires...javafx.swing;requires javafx.web;requires javafx-swt;}添加eclipse中创建dynamic web projectTomcat与eclipse整合...IDEA添加JDKIDEA设置Ctrl + 鼠标滚轮)字体大小IDEA取消文件夹自动合成将勾取消即可IDEA安装插件Codota 代码智能提示插件只要打出首字母就能联想出一整条语句,还显示了每条语句使用频率...代码统计插件Translation 翻译插件Rainbow Brackets 彩虹括号插件修改全局配置,提升工作效率优化导包配置取消tab页单行显示双斜杠注释改成紧跟代码头取消匹配大小写显示行号和方法分割线创建文件时

32430
领券