天天看点

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

下面环境配置实验成功时间点:2020/10/24

事前准备

【1】操作系统:WIN10 64位,专业版

【2】Eclipse 工具(Version: 2019-12 (4.14.0)),我的百度云盘下载链接:https://pan.baidu.com/s/12CaT0iS2GkxfW8Ultpl1mg 提取码:soft

【3】Java(1.8.0_231) 我的百度云盘下载链接:https://pan.baidu.com/s/1FKypAJlP1q6Ncqyb_mvNPA 提取码:soft

复制这段内容后打开百度网盘手机App,操作更方便哦

注意事项

Eclipse如果事先安装了其他插件(我也不确定是什么插件),可能会影响到e(fx)clipse安装。会在安装过程中产生下面错误,致使安装失败。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

Error文本信息如下:

An error occurred while collecting items to be installed
session context was:(profile=epp.package.jee, phase=org.eclipse.equinox.internal.p2.engine.phases.Collect, operand=, action=).
Unable to read repository at http://download.eclipse.org/efxclipse/updates-released/3.6.0/site/plugins/org.eclipse.fx.ide.pde.ui.e4_3.5.0.201907240300.jar.
Premature end of Content-Length delimited message body (expected: 8765876; received: 387059
           

如果是直接从官网下载的Eclipse就拿来安装,就可以成功。我是这样试成功的

★事前准备完毕后,开始搭建★

第一步 打开Eclipse

Eclipse安装完后,双击下面的图标,启动Eclipse。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备
搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

创建默认的workspace。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

成功打开Eclipse,关闭欢迎页面

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

版本如下:

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

第二步 安装

选择菜单项 Help => Install New Software

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

在打开的Work with区域,填入内容:http://mirror.bit.edu.cn/eclipse/efxclipse/updates-released/2.4.0/site/,按下回车键,然后选中下面的2个复选框,Next

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

选择Next。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

同意协议,Finish

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

不记得是否有重启了,如果弹出Restart Now就选择重启。

这期间,我用了不同Workspace的图,不过不要在意这些细节。。。。

第三步 体验JavaFX

依照下面图示创建JavaFX项目

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

检索javafx,并选择JavaFX Project => Next

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

修改工程名:Katie,修改JRE => Finish。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

弹出来的提示窗体我也不知道什么意思,就选择的红框按钮。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

选完之后就是下面工程的样子,看起来也没什么特别的。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

工程结构就是这样。

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

初始代码内容是下面这样的:

Main.java

package application;
	
import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;


public class Main extends Application {
	@Override
	public void start(Stage primaryStage) {
		try {
			BorderPane root = new BorderPane();
			Scene scene = new Scene(root,400,400);
			scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
			primaryStage.setScene(scene);
			primaryStage.show();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	
	public static void main(String[] args) {
		launch(args);
	}
}

           

application.css

build.fxbuild

<?xml version="1.0" encoding="ASCII"?>
<anttasks:AntTask xmi:version="2.0" xmlns:xmi="http://www.omg.org/XMI" xmlns:anttasks="http://org.eclipse.fx.ide.jdt/1.0" buildDirectory="${project}/build">
  <deploy>
    <application name="Katie"/>
    <info/>
  </deploy>
  <signjar/>
</anttasks:AntTask>

           

右击Main.java,依次选中图示红框,执行Main.java

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备

结果如下:

搭建各种开发环境(第4篇)JavaFX- Eclipse的e(fx)clipse插件安装 创建JavaFX项目事前准备