如何隐藏TabPane中的TabBar?

2024-06-26

我正在尝试使用构建下一个/上一个窗口TabPane。我决定使用TabPane因为它易于使用和设计场景生成器。在应用程序启动时,我用它来隐藏TabBar目前-

tabPane.setTabMinHeight(-10);
tabPane.setTabMaxHeight(-10);

此后 TabPane 的外观 -

正如你所看到的,仍然剩下一小部分TabBar(标题栏下方)。我怎样才能完全隐藏它,以便我的TabPane看起来就像正常的一样Pane但其所有功能都完好无损吗?


Using a TabPane使用隐藏选项卡作为向导式界面是一个有趣的想法,我没有想到并且认为我喜欢。

您可以在外部 CSS 文件中使用以下内容隐藏选项卡:

.tab-pane {
    -fx-tab-max-height: 0 ;
} 
.tab-pane .tab-header-area {
    visibility: hidden ;
}

这是一个 SSCCE。在这里我给了选项卡窗格 CSS 类wizard.

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class TabPaneAsWizard extends Application {

    @Override
    public void start(Stage primaryStage) {
        TabPane tabPane = new TabPane();
        tabPane.getStyleClass().add("wizard");
        for (int i = 1; i<=10; i++) {
            tabPane.getTabs().add(createTab(i));
        }
        Button previous = new Button("Previous");
        previous.setOnAction(e -> 
            tabPane.getSelectionModel().select(tabPane.getSelectionModel().getSelectedIndex()-1));
        previous.disableProperty().bind(tabPane.getSelectionModel().selectedIndexProperty().lessThanOrEqualTo(0));
        Button next = new Button("Next");
        next.setOnAction(e ->
            tabPane.getSelectionModel().select(tabPane.getSelectionModel().getSelectedIndex()+1));
        next.disableProperty().bind(
                tabPane.getSelectionModel().selectedIndexProperty().greaterThanOrEqualTo(
                        Bindings.size(tabPane.getTabs()).subtract(1)));

        HBox buttons = new HBox(20, previous, next);
        buttons.setAlignment(Pos.CENTER);

        BorderPane root = new BorderPane(tabPane, null, null, buttons, null);
        Scene scene = new Scene(root, 600, 600);
        scene.getStylesheets().add("tab-pane-as-wizard.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private Tab createTab(int id) {
        Tab tab = new Tab();
        Label label = new Label("This is step "+id);
        tab.setContent(label);
        return tab ;
    }

    public static void main(String[] args) {
        launch(args);
    }
}

选项卡窗格作为向导.css:

.wizard {
    -fx-tab-max-height: 0 ;
} 
.wizard .tab-header-area {
    visibility: hidden ;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何隐藏TabPane中的TabBar? 的相关文章

  • 如何在 Java FX 中以编程方式模拟箭头键按下

    我想让我的 JFX 应用程序模拟箭头键按下 当它们在 TextField 中注册时 但我不知道如何发送字符串或字节以外的任何内容 我正在想象这样的事情 static EventHandler
  • 如何平滑拖动JavaFX多边形?

    我有一个多边形 三角形 我想让它可以用鼠标拖动 下面是我尝试过的代码 但是使用此代码我无法顺利拖动它 请让我知道如何才能使其顺利拖动 public void start Stage primaryStage throws Exception
  • Material UI 选项卡:嵌套选项卡会导致无效值错误

    嵌套选项卡会导致控制台中出现以下错误 梅 value提供给 Tabs 组件无效 带有这个的选项卡value 0 不是文档布局的一部分 确保文档中存在或不存在该选项卡项display none In the 基本选项卡 https mui c
  • JavaFX 按钮不会禁用

    我有一个可能需要几秒钟到几分钟的任务 当我单击按钮执行该任务时 它会运行该任务但并不总是禁用按钮A和启用按钮B 这是我正在使用的代码 FXML public void onExecute ActionEvent event btnExecu
  • 如何隐藏其他选项卡的内容并仅显示所选选项卡的内容

    当我单击特定选项卡时 其他选项卡的内容应该隐藏 但它并没有隐藏 这是我所有的代码 function showStuff id if document getElementById id style display block documen
  • JavaFX 拖放无法正常工作

    我在网格窗格中使用两个 Imageview 进行拖放测试 我的问题是 当我完成拖放并将目标图像视图移动到源图像视图并释放鼠标时 我错误地最终显示了 img2 中的图片 而不是 img1 中的图片 当我注释掉 setOnDragExited
  • 如何创建一个显示 Spinners 的 x 和 y 值的表格?

    我想创建一个位于图表右侧的表格 其中显示 2 列 x 和 y 值已输入到xSpin and ySpin旋转器 我已经画了一张我想要桌子放置的位置的图 我尝试过在网格窗格布局中使用文本框来创建表格并将值直接输入到文本框网格中 但是我无法将它们
  • Javafx过滤表视图

    我正在尝试使用文本字段来过滤表视图 我想要一个文本字段 txtSearch 来搜索 nhs 号码 名字 姓氏 和 分类类别 我尝试过在线实施各种解决方案 但没有运气 我对这一切仍然很陌生 所以如果问得不好 我深表歉意 任何帮助将不胜感激 我
  • Android 后退按钮无法与 Flutter 选项卡内的导航器配合使用

    我需要在每个选项卡内有一个导航器 因此当我推送新的小部件时 选项卡栏会保留在屏幕上 代码运行得很好 但是 android 后退按钮正在关闭应用程序而不是运行 Navigator pop import package flutter mate
  • 如何更改javaFX中按钮的图像?

    我正在使用javaFX 我制作了一个按钮并为此设置了图像 代码是 Image playI new Image file c Users Farhad Desktop icons play2 jpg ImageView iv1 new Ima
  • Vuetify 等高 v-tab-items

    请告知如何使 vuetify v tabs 内容显示在等高块中 我在文档中找不到该组件的选项可以帮助高度对齐 By default v tab item height depends on its own content height 布局
  • JavaFX - 取消任务不起作用

    在 JavaFX 应用程序中 我有一个方法在大量输入时需要很长时间 我在加载时打开一个对话框 我希望用户能够取消 关闭该对话框并且任务将退出 我创建了一个任务 并将其取消添加到取消按钮处理中 但取消并没有发生 任务也没有停止执行 Task
  • 在javafx中加载多个fxml

    我已经寻找了一段时间 但一直没能得到我想做的事情 我一直在使用 javafx 框架在这个线程中的 javafx 中切换 fxml 在同一场景中加载新的 fxml https stackoverflow com questions 18619
  • Jquery 选项卡 - 使用外部 URL 链接

    我正在使用 Jquery UI 选项卡 并且有一个问题 div ul li a href tab 1 span My First Tab span a li li a href tab 2 span My Second Tab span a
  • JavaFX 2.0 - 为 FXML 中的自定义组件创建操作处理程序

    我想在我的新组件中添加自定义操作 这个怎么做 示例代码 成分 public class MyCustomComponent extends Region public MyCustomComponent super this setOnMo
  • JavaFx:如何从 CustomComponentController 类引用主控制器类实例?

    我拥有的是一个标准的 JavaFX 应用程序 Main java MainController java main fxml 为了添加自定义组件 我创建了CustomComponentController java and custom c
  • 如何使用 Javafx Canvas 绘制 1 像素线?

    我一直在谷歌搜索和搜索 发现了一些相关的问题 帖子 但没有一个能解决我的问题 我使用以下方法直接在画布 JavaFX 上绘制线条 gc setStroke color gc setLineWidth lineWidth gc strokeL
  • IntelliJ 的 javafx 集成场景生成器在 Oracle JDK 12 中无法工作

    我正在运行 Arch Linux 安装了最新的 IntelliJ 包以及 Oracle 的 JDK12 项目使用的 和 Gluon 的场景生成器 场景生成器的路径已正确设置 场景生成器独立工作 也是从 IntelliJ 启动时 我右键单击我
  • 带有复选框的 JavaFX 组合框

    问题描述 我尝试创建一个JavaFX ComboBox其中包含CheckBoxes在下拉菜单中 这ComboBox应可编辑并由一个简单的Class让我们称之为CheckItem 的清单CheckItems应可检查 并且在做出选择后不应关闭下
  • Linux 上的 JavaFX

    Linux x86 和 x64 上的 JavaFX 情况如何 JavaFX 应用程序可以在 Linux 操作系统上顺利执行吗 我发现了 2011 年和 2012 年的一些问题 当时应用程序不稳定 目前发布的 JFX 版本是 2 2 4 在

随机推荐