面向人群
需要知道如何创建一个JavaFX项目,小白请看Hello World 创建一个简单的项目。
从GitHub或Gitee下载详细demo代码。
本章要点
- 创建web容器,并加载本地html文件;
- 使用dom元素增加监听
- 往dom注入事件
创建Web容器并加载本地html文件
- 创建javafx项目,添加本地html文件目录
- pom.xml
<project
- 需要导入javafx.web,以及依赖包javafx.controls和javafx.graphics。
- /src/main/java/org/example/App.java 代码如下:
package
- /src/main/resources/org/example/index.html 代码如下:
<!DOCTYPE html>
- 最终生成窗体:
Java与html之间的相互调用之一:添加监听
主要步骤
- 获取HTML文件
- 根据id获取标签
- 往标签添加点击事件
- /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之间的相互调用之二:注入事件
主要步骤
- 创建对象,用于绑定事件
- 获取dom的window元素
- 往window元素里设置对象“app”
- html中使用app调用方法
- /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>
以上