javafx项目_JavaFX 使用加载本地 html

面向人群

需要知道如何创建一个JavaFX项目,小白请看Hello World 创建一个简单的项目。

从GitHub或Gitee下载详细demo代码。

本章要点

  1. 创建web容器,并加载本地html文件;
  2. 使用dom元素增加监听
  3. 往dom注入事件

创建Web容器并加载本地html文件

  • 创建javafx项目,添加本地html文件目录

ee72685f84857babb6096e48df86ceaf.png
项目目录结构
  • pom.xml
<project 
  • 需要导入javafx.web,以及依赖包javafx.controlsjavafx.graphics
  • /src/main/java/org/example/App.java 代码如下:
package 
  • /src/main/resources/org/example/index.html 代码如下:
<!DOCTYPE html>
  • 最终生成窗体:

9f1e320820b3acd8b9206364081723d5.png

Java与html之间的相互调用之一:添加监听

主要步骤

  1. 获取HTML文件
  2. 根据id获取标签
  3. 往标签添加点击事件

5e572fa11af2a2179d868433b6482a34.png
添加ListenerApp.java和listener.html
  • /src/main/java/org/example/ListenerApp.java 代码如下
package 
  • /src/main/resources/org/example/listener.html 代码如下
<!DOCTYPE html>

注意事项:

  • 添加web引擎的监听
  • 使用WebEngine.getLoadWorker().stateProperty().addListener()
  • 先判断状态,判断状态为SUCCEEDED后加载Dom,查找元素,添加点击事件
  • 点击后,可以擦看到控制台打印的文字

Java与html之间的相互调用之二:注入事件

主要步骤

  1. 创建对象,用于绑定事件
  2. 获取dom的window元素
  3. 往window元素里设置对象“app”
  4. html中使用app调用方法

0eec20c19437268eb2f4e5e203061a94.png
  • /src/main/java/org/example/JavaAction.java 代码如下
package 
  • /src/main/java/org/example/MemberApp.java 代码如下
package 
  • /src/main/resources/org/example/member.html 代码如下
<!DOCTYPE html>

以上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值