JavaFX学习篇---IDEA配置JavaFX开发环境和创建JavaFX项目

以下操作过程参照官方文档实践,https://www.jetbrains.com/help/idea/preparing-for-javafx-application-development.html

1、安装JDK7以上(包括7)版本,更早的版本不支持JavaFX应用开发所需的 JavaFX SDK ;(下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html

2.安装 JavaFX Scene Builderhttp://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-info-2157684.html

3.在IDEA中启用 JavaFX 插件:Ctrl+Alt+S,点击plugin(插件),然后搜索fx,勾上JavaFx的复选框,OK

4.将IDEA的JDK定义为7以上的版本(包括7):Ctrl+Shift+Alt+S

5.指定Scene Builder的可执行文件的路径:Ctrl+Alt+S,调出“设置”的窗口,点击JavaFX

6.接下来,可以新建一个JavaFX项目啦,file---new---project,New...---JDK---JDK路径

输入项目名称和路径,finish

建好的工程目录是这样的:

7.如果需要,可以重命名Controller,选中文件,右键Refactor,Rename,Refactor

8.重命名之后,sample.fxml中的 GridPane fx:controller="sample.hstController" 也会随之改变

以下是根据文档实验的总结:注意:以下文件均可重命名,弄清楚彼此间的引用关系即可

---Main.java:包括一个start()方法和main()方法,start()方法是所有JavaFX应用程序的入口,是必需的;而当JavaFX应用程序是通过JavaFX Packager工具打包时,main()方法就不是必需的的了,因为JavaFX Package工具会将JavaFX Launcher嵌入到JAR文件中。该文件使用FXMLLoader类,该类负责加载FXML源文件sample.fxml并返回结果对象图,继承       了javafx.application.Application,通过stage和scene来定义UI容器,其中Stage是最顶层的javafx容器,Scene则是所有组件的容     器,它们的关系如下图(图片来源&&参考:https://blog.csdn.net/oQianQu/article/details/40662181):

--sample.fxml: fxml源文件,引用样式表和Controller、定义JavaFX组件等,即跟用户界面相关的定义都在这里

--Controller.java: 定义sample.fxml中的组件id并实现sample.fxml中事件引发的方法,主要用于键盘、鼠标事件的处理

分别选中“hello”和“finctionsayhello”,按下Alt+回车,快速在Controller中生成对应的属性和方法,单击左边的图标,可以快速跳到sample.fxml

在sample.fxml中的GridPane中添加stylesheet属性,并命名,然后选中样式表名,按下Alt+回车,可快速生成一个样式表文件

在样式表中添加样式:单击右边的小方框可以调出色板,选择不同的颜色

运行效果如下:

以上便是配置Javafx和运行第一个简单javafx实例的实践过程,如有谬误,还请指出

要使用Idea编辑器来创建一个JavaFX项目,你可以按照以下步骤进行操作: 1. 打开Idea编辑器,点击"新建项目"。 2. 在弹出的对话框中,选择"JavaFX",然后自定义项目的名称。 3. 在"Build system"中选择"Maven",这将有助于后续发送HTTP请求时使用jsoup这个库。 4. 创建项目后,点击项目中的pom.xml文件。 5. 在文件中粘贴以下代码段,这将添加jsoup的依赖项: ``` <!-- https://mvnrepository.com/artifact/org.jsoup/jsoup --> <dependencies> <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.14.3</version> </dependency> </dependencies> ``` 6. 添加完依赖项后,点击右上角的刷新按钮以使更改生效。 7. 现在,您可以开始编写JavaFX代码。您可以使用以下代码作为示例: ``` package sample; import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.stage.Stage; public class Main extends Application { @Override public void start(Stage primaryStage) throws Exception{ Parent root = FXMLLoader.load(getClass().getResource("sample.fxml")); primaryStage.setTitle("Hello World"); primaryStage.setScene(new Scene(root, 300, 275)); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 8. 运行程序,您将看到一个JavaFX的欢迎窗口。 请注意,以上步骤是基于使用Maven构建项目和使用Idea编辑器的前提下。如果您使用其他构建工具或编辑器,步骤可能会有所不同。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [IDEA新建第一个JavaFX项目](https://blog.csdn.net/weixin_43847838/article/details/124365222)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [使用idea 开发 JavaFX 项目(1)](https://blog.csdn.net/qq_38313548/article/details/109819834)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [eclipse/IDEA配置javafx项目步骤](https://download.csdn.net/download/weixin_38636983/13752975)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值