JavaFX实现界面跳转
更新时间：2022年06月16日 16:36:58 作者：西子~
这篇文章主要为大家详细介绍了JavaFX实现界面跳转，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
界面跳转，很常见的一个功能，在桌面程序中，可以多窗口跳转，也可以在一个窗口中跳转。不同方式对应不同场景。下面简单介绍一下，JavaFX中单窗口界面跳转方式。
BorderPane 跳转
利用BorderPane的setCenter重新设置中心节点进行界面跳转。
好处是其他区域的节点不会更新，只会更新center中的节点，并且可以控制是每个页面是否可以重新加载，方便。
scene节点如下，在BorderPane的top中设置按钮事件，更新center。
fxml
<BorderPane prefHeight="200.0" prefWidth="200.0" fx:id="container"> <top> <HBox alignment="CENTER" spacing="20.0" BorderPane.alignment="CENTER"> <children> <Button mnemonicParsing="false" text="首页" onAction="#toHome" /> <Button mnemonicParsing="false" text="文件" onAction="#toFile"/> <Button mnemonicParsing="false" text="设置" onAction="#toSetting"/> </children> <padding> <Insets bottom="10.0" top="10.0" /> </padding> </HBox> </top> <center> </center> </BorderPane>
controller
public class JumpController {
public BorderPane container;
public void initialize() {
URL resource = getClass().getResource("/fxml/jump/home.fxml");
try {
setCenter(resource);
} catch (IOException e) {
e.printStackTrace();
}
}
private void setCenter(URL url) throws IOException {
FXMLLoader loader = new FXMLLoader(url);
loader.load();
Parent root = loader.getRoot();
container.setCenter(root);
}
public void toHome(ActionEvent event) {
URL resource = getClass().getResource("/fxml/jump/home.fxml");
try {
setCenter(resource);
} catch (IOException e) {
e.printStackTrace();
}
}
public void toFile(ActionEvent event) {
URL resource = getClass().getResource("/fxml/jump/file.fxml");
try {
setCenter(resource);
} catch (IOException e) {
e.printStackTrace();
}
}
public void toSetting(ActionEvent event) {
URL resource = getClass().getResource("/fxml/jump/setting.fxml");
try {
setCenter(resource);
} catch (IOException e) {
e.printStackTrace();
}
}
}StackPane跳转
StackPane也是JavaFX中的一个面板容器，特点是里面的元素是堆叠在一起的，每次只显示最上层元素。利用这个特点，可以把多个界面加载之后作为StackPane的字节的，然后调整StackPane的顶层元素即可。
这种方法比较适合每个页面跳转时不需要重新加载的情况，效率比较高，只是改变字节点的顺序。
fxml
<VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="529.0" prefWidth="785.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="xyz.yuelai.controller.Jump1Controller"> <HBox alignment="CENTER" spacing="20.0"> <children> <Button mnemonicParsing="false" onAction="#toHome" text="首页" /> <Button mnemonicParsing="false" onAction="#toFile" text="文件" /> <Button mnemonicParsing="false" onAction="#toSetting" text="设置" /> </children> <padding> <Insets bottom="10.0" top="10.0" /> </padding> </HBox> <StackPane prefHeight="150.0" prefWidth="200.0" VBox.vgrow="ALWAYS" fx:id="container" /> </VBox>
controller
public class Jump1Controller {
public StackPane container;
private Parent home;
private Parent file;
private Parent setting;
public void initialize() {
try {
URL homeUrl = getClass().getResource("/fxml/jump/home.fxml");
home = getParent(homeUrl);
URL fileUrl = getClass().getResource("/fxml/jump/file.fxml");
file = getParent(fileUrl);
URL settingUrl = getClass().getResource("/fxml/jump/setting.fxml");
setting = getParent(settingUrl);
container.getChildren().addAll(setting, file, home);
} catch (IOException e) {
e.printStackTrace();
}
}
private Parent getParent(URL url) throws IOException {
FXMLLoader loader = new FXMLLoader(url);
return loader.load();
}
public void toHome(ActionEvent event) {
home.toFront();
}
public void toFile(ActionEvent event) {
file.toFront();
}
public void toSetting(ActionEvent event) {
setting.toFront();
}
}三个界面的fxml如下：
首页
<AnchorPane prefHeight="460.0" prefWidth="781.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1"> <children> <Label alignment="CENTER" layoutX="297.0" layoutY="131.0" prefHeight="110.0" prefWidth="129.0" style="-fx-background-color: #a00;" text="首页" textFill="WHITE" AnchorPane.leftAnchor="200.0" AnchorPane.rightAnchor="200.0" AnchorPane.topAnchor="100.0"> <font> <Font name="System Bold" size="20.0" /> </font> </Label> </children> </AnchorPane>
文件
<AnchorPane prefHeight="460.0" prefWidth="781.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1"> <children> <Label alignment="CENTER" layoutX="297.0" layoutY="131.0" prefHeight="110.0" prefWidth="129.0" style="-fx-background-color: #0a0;" text="文件" textFill="WHITE" AnchorPane.leftAnchor="200.0" AnchorPane.rightAnchor="200.0" AnchorPane.topAnchor="100.0"> <font> <Font name="System Bold" size="20.0" /> </font> </Label> </children> </AnchorPane>
设置
<AnchorPane prefHeight="460.0" prefWidth="781.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1"> <children> <Label alignment="CENTER" layoutX="297.0" layoutY="131.0" prefHeight="110.0" prefWidth="129.0" style="-fx-background-color: #00a;" text="设置" textFill="WHITE" AnchorPane.leftAnchor="200.0" AnchorPane.rightAnchor="200.0" AnchorPane.topAnchor="100.0"> <font> <Font name="System Bold" size="20.0" /> </font> </Label> </children> </AnchorPane>
其他跳转方式，比如重新设置scene，这就相当于重新加载当前窗口，如非必要还是不推荐。上面两种方式都是操作的容器里面的节点。实现了视觉上的界面跳转。所以不局限于BorderPane和StackPane，只是这两个容器用起来比较方便。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
所有与该configuration 对象关联的模版实例都就可以通过获得to_upper 转换器，company 来获得字符串，因此你不需要再一次次的往root 中添加这些变量了。如果你往root 添加同名的变量，那么你新添加的变量将会覆盖之前的共享变量。2016-04-04
这篇文章主要介绍了Java Servlet输出中文乱码问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-04-04
给一个不多于5位的正整数，要求：一、求它是几位数，二、逆序打印出各位数字,需要的朋友可以参考下2017-02-02
ThreadPoolExecutor参数含义及源码执行流程详解
这篇文章主要为大家介绍了ThreadPoolExecutor参数含义及源码执行流程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了Spring Boot中是如何处理日期时间格式的，帮助大家更好的理解和学习spring boot框架，感兴趣的朋友可以了解下2020-11-11
这篇文章主要介绍了java高并发的并发级别，内容十分丰富，在这里分享给大家，需要的朋友可以参考，希望能够给你带来帮助2021-10-10
SpringBoot使用Flyway进行数据库迁移的实现示例
Flyway是一个数据库迁移工具,它提供迁移历史和回滚的功能,本文主要介绍了如何使用Flyway来管理Spring Boot应用程序中的SQL数据库架构,感兴趣的可以了解一下2023-08-08
给大家分享一下利用Java核心库实现简单的AOP的经验分享和教学，需要的读者们参考下吧。2017-12-12
SpringBoot整合Thymeleaf与FreeMarker视图层技术
在目前的企业级应用开发中，前后端分离是趋势，但是视图层技术还占有一席之地。Spring Boot 对视图层技术提供了很好的支持，福安防推荐使用的模板引擎是Thymeleaf，不过想FreeMarker也支持，JSP技术在这里并不推荐使用2022-08-08
下面小编就为大家带来一篇log4j.properties 配置(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论