扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 后端开发 > Python >JavaFX实现界面跳转
  • 465

0
分享到

JavaFX实现界面跳转

2024-04-02 19:04:59 465人浏览 安东尼

Python 官方文档：入门教程 => 点击学习

摘要

界面跳转，很常见的一个功能，在桌面程序中，可以多窗口跳转，也可以在一个窗口中跳转。不同方式对应不同场景。下面简单介绍一下，JavaFX中单窗口界面跳转方式。 BorderPane 跳

界面跳转，很常见的一个功能，在桌面程序中，可以多窗口跳转，也可以在一个窗口中跳转。不同方式对应不同场景。下面简单介绍一下，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，只是这两个容器用起来比较方便。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。

您可能感兴趣的文档:

--结束END--

本文标题: JavaFX实现界面跳转

本文链接: https://lsjlt.com/news/151703.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaFX实现界面跳转
    界面跳转，很常见的一个功能，在桌面程序中，可以多窗口跳转，也可以在一个窗口中跳转。不同方式对应不同场景。下面简单介绍一下，JavaFX中单窗口界面跳转方式。 BorderPane 跳...
    99+
    2024-04-02
  • JavaFX如何实现界面跳转
    本篇内容主要讲解“JavaFX如何实现界面跳转”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JavaFX如何实现界面跳转”吧!BorderPane 跳转利用BorderPane的setCente...
    99+
    2023-07-02
  • Java界面编程实现界面跳转
    本文实例为大家分享了Java界面编程实现界面跳转的具体代码，供大家参考，具体内容如下 在事件处理中创建对象 public void actionPerformed(ActionEve...
    99+
    2024-04-02
  • JavaFx实现登录成功跳转到程序主页面
    本文实例为大家分享了JavaFx实现登录成功跳转到程序主页面的具体代码，供大家参考，具体内容如下 1、需求 登录页面在输入账号密码之后，验证账号密码时候正确，正确就跳转到应用程序的首...
    99+
    2024-04-02
  • JavaFx如何实现登录成功跳转到程序主页面
    今天小编给大家分享一下JavaFx如何实现登录成功跳转到程序主页面的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。1、需求登录...
    99+
    2023-07-02
  • jquery实现登陆跳转页面跳转页面跳转
    在Web开发中，很常见的一种需求是用户通过输入账号和密码完成登陆操作后，跳转到不同的页面。这一过程中需要用到Javascript库中非常流行的jQuery来实现。jQuery是一个快速、简洁的JavaScript库，其设计思想是“写更少，做...
    99+
    2023-05-25
  • Vue实现路由跳转至外界页面
    目录Vue路由跳转至外界页面解决办法Vue路由跳转页面的几种方式总结Vue路由跳转至外界页面 用法 如果使用路由是在 vue 页面中来回跳转，可以使用 this.$router.pu...
    99+
    2022-12-09
    Vue路由 Vue路由跳转 Vue路由跳转页面
  • PyQt5实现界面(页面)跳转的示例代码
    网上关于PyQt5的教程很少，特别是界面跳转这一块儿，自己研究了半天，下来和大家分享一下 一、首先是主界面 # -*- coding: utf-8 -*- # Form im...
    99+
    2024-04-02
  • ASP.NET MVC实现登录后跳转到原界面
    有这样的一个需求：提交表单，如果用户没有登录，就跳转到登录页，登录后，跳转到原先表单提交这个页面，而且需要保持提交表单界面的数据。 提交表单的页面是一个强类型视图页，如果不考虑需要保...
    99+
    2024-04-02
  • React利用路由实现登录界面的跳转
    上一篇在配置好了webpack和react的环境后，接下来开始写登录界面，以及接下来的跳转到主页的功能。 1、首先看一下总体的目录结构。 因为很多时候在看别人写的例子的时候因为目录...
    99+
    2024-04-02
  • Android 实现页面跳转
    android使用Intent来实现页面跳转，Intent通过startActivity(Intent intent)或startActivityForResult(Intent intent,int resquestCode)方法来启动A...
    99+
    2023-05-30
    android 页面 跳转
  • Android实现页面跳转
    本文实例为大家分享了Android实现页面跳转的具体代码，供大家参考，具体内容如下 一. Android实现页面跳转有两种方式，一种为.MainActivity跳转；第二种是Rela...
    99+
    2024-04-02
  • android怎么实现点击按钮跳转界面功能
    在Android中，可以通过以下方式实现点击按钮跳转界面的功能：1. 在布局文件中添加一个按钮控件，例如：```xml```2. 在...
    99+
    2023-08-08
    android
  • Nignx实现页面跳转（rewrite）
    引言：Nginx作为前端反向代理的首选，在实际应用中还是会进行很多跳转，虽然Apache也可以做跳转，但是Nginx的跳转效率会更高。 一、Nginx跳转实现的方式 ①使用rewrite进行匹配跳转 主要是匹配的具体路径 ②使用if匹配全局...
    99+
    2023-09-06
    nginx php 服务器
  • PyQt5实现用户登录GUI界面及登录后跳转
    PyQt5是强大的GUI工具之一，通过其可以实现优秀的桌面应用程序。希望通过一个简单的登录页面可以让大家顺利入坑，如有不妥之处还请大佬指点改正！ 导入业务需要的所有的扩展包。 ...
    99+
    2024-04-02
  • vue如何实现路由跳转到外部链接界面
    目录vue路由跳转到外部链接界面vue路由跳转说明vue路由跳转到外部链接界面 项目中用前端的是vue框架，有一个需求是，当点击一个按钮后，跳转到原来已经发布过的ionic界面上。 ...
    99+
    2022-11-13
    vue路由跳转 vue跳转外部链接界面 vue 链接跳转
  • PHP页面跳转教程：如何实现页面跳转到新页面
    标题：PHP页面跳转教程：如何实现页面跳转到新页面，需要具体代码示例 在Web开发中，页面跳转是一个常见的操作，通过页面跳转可以实现用户在不同页面间进行流畅的切换，提升用户体验和网站功...
    99+
    2024-03-04
    教程 php 页面跳转 a标签
  • JavaFX登录页面简单实现
    一、准备工作 准备好javaFX开发环境，请详见我上篇文章https://www.sdk.cn/details/wAe9P8mXAq5dbqDl4y 二、项目结构 三、启动类创建Stage public class Main extend...
    99+
    2024-04-02
  • 如何利用vue实现登陆界面及其跳转详解
    1.做登录框 步骤： （1） 创建vue项目，使用vite方式创建；npm init vue@latest （2）项目结构：  src：代码书写位置；app....
    99+
    2023-05-15
    vue登录界面 vue实现登陆跳转 vue实现登陆跳转
  • java如何实现页面跳转
    页面标签前端js（推荐视频教程：java视频教程）window.location.href = "https://www.yht7.com/news/index.html"页面转发前端实际只发送一次请求，后端两次请求共用request和re...
    99+
    2016-02-02
    java教程 java 实现 页面 跳转
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作